淘特吧 · 免费提供绿色软件、活动线报以及其他网络资源,好货不私藏!
sitemap.xml| | wangzhanditu
[JS]上传图片并预览-淘特吧-第1张图片 [JS]上传图片并预览-淘特吧-第2张图片
  • 首页
  • 网站源码 [JS]上传图片并预览-淘特吧-第3张图片
    • 引导页源码
    • 只有源码
    • 网站模版
    • 发卡源码
    • 易支付源码
    • 小程序源码
    • 付费下载
  • 技术教程 [JS]上传图片并预览-淘特吧-第3张图片
    • PHP代码教程
    • 自学教程
  • 羊毛线报 [JS]上传图片并预览-淘特吧-第3张图片
    • 免费会员
    • 红包活动
    • 其他活动
  • 绿色软件 [JS]上传图片并预览-淘特吧-第3张图片
    • 手机软件
    • 电脑软件
    • 游戏大全
    • 系统相关
    • 易语言
  • 值得一看 [JS]上传图片并预览-淘特吧-第3张图片
    • 电影大全
    • 热门事件
    • 名站推荐
    • 网红女头像
    • 表情包大全
    • 抖音快手视频
    • 虎牙斗鱼直播
    • 视频电影解说
    • 分享发现
    • 漫画解说
    • 技术教程详细
  • 本站公告 [JS]上传图片并预览-淘特吧-第3张图片
    • 本站公告
    • 站长日常
  • Emlog大全 [JS]上传图片并预览-淘特吧-第3张图片
    • Emlog代码
    • Emlog插件
  • 更多功能 [JS]上传图片并预览-淘特吧-第3张图片
    • 留言吐槽
    • 我的邻居
    • 公告动态
    • 文章归档


  • 个人中心
  •  我的主页
  •  我要投稿
  •  会员服务
  •  修改资料
  •  退出登录
导航菜单
  • 首页
  • 网站源码
    • 引导页源码
    • 只有源码
    • 网站模版
    • 发卡源码
    • 易支付源码
    • 小程序源码
    • 付费下载
  • 技术教程
    • PHP代码教程
    • 自学教程
  • 羊毛线报
    • 免费会员
    • 红包活动
    • 其他活动
  • 绿色软件
    • 手机软件
    • 电脑软件
    • 游戏大全
    • 系统相关
    • 易语言
  • 值得一看
    • 电影大全
    • 热门事件
    • 名站推荐
    • 网红女头像
    • 表情包大全
    • 抖音快手视频
    • 虎牙斗鱼直播
    • 视频电影解说
    • 分享发现
    • 漫画解说
    • 技术教程详细
  • 本站公告
    • 本站公告
    • 站长日常
  • Emlog大全
    • Emlog代码
    • Emlog插件
  • 更多功能
    • 留言吐槽
    • 我的邻居
    • 公告动态
    • 文章归档
[JS]上传图片并预览 - 淘特吧
PHP代码.

[JS]上传图片并预览

2021/9/20 淘特吧  PHP代码教程 533 0

具体怎么用自行参考!

 HTML部分

<img id="imgid">
<input type="file" name="file" onchange="imgPreview(this)">

 JS部分

//上传预览
function imgPreview(fileDom) {
 //判断是否支持FileReader
 if (window.FileReader) {
 var reader = new FileReader();
 }
 //获取文件
 var file = fileDom.files[0];
 var imageType = /(jpg|png|gif|JPG|PNG|GIF|jpeg|JPEG)/;
 if (!imageType.test(file.type)) {
 alert("请选择图片!");
 return;
 }
 var size = file.size / 1024;
 if (parseInt(size) > 2048) {
 alert("图片大小超出2M");
 return;
 }
 //读取完成
 reader.onload = function(e) {
 //获取图片dom
 var img = document.getElementById("imgid");
 //图片路径设置为读取的图片
 img.src = e.target.result;
 $(img).attr('src',img.src);
 };
 reader.readAsDataURL(file);
}


搜一下


    协助本站seo优化一下,谢谢!
    关键词不能为空

作者头像 作者名称 作者性别
淘特吧
联系小栋 小栋主页

热门推荐

1 如何在不影响网站排名权重的情况下添加网站广告?
2 [JS]简单实现鼠标划过二级下拉菜单
3 [JS]检测是否打开浏览器控制台
4 PHP官方API获取群列表接口源码
5 2022年全新美观的春节倒计时代码
6 PHP搭配JS加密跳转

评论列表

取消回复

    •  
      Login

      淘特吧

      淘特吧

      站长 主页
      用户中心
      评论管理
      退出登陆
      • 67153文章
      • 153评论
      • 2微语
  • 最新评论

    • https://www.taoteba.com/content/templates/meta/Api/qqtx.php/?qq=2368547650

      6666帅

    • https://www.taoteba.com/content/templates/meta/Api/qqtx.php/?qq=3107392812

      厉害厉害

    • https://www.taoteba.com/content/templates/meta/Api/qqtx.php/?qq=3107392812

      厉害

    • https://www.taoteba.com/content/templates/meta/Api/qqtx.php/?qq=2262753259

      好可以

    • https://www.taoteba.com/content/templates/meta/Api/qqtx.php/?qq=2776525792

      好可以

    • https://www.taoteba.com/content/templates/meta/Api/qqtx.php/?qq=277652579

      好

    • https://www.taoteba.com/content/templates/meta/Api/qqtx.php/?qq=332936762

      厉害死了

    • https://www.taoteba.com/content/templates/meta/Api/qqtx.php/?qq=cc19881123

      66666你

    • https://www.taoteba.com/content/templates/meta/Api/qqtx.php/?qq=2209238239

      666啊×12

    • https://www.taoteba.com/content/templates/meta/Api/qqtx.php/?qq=2209238239

      666啊

  • 标签

    Emlog代码 (35) 公告 (21) 免费会员 (8) 自学教程 (1) Emlog教程 (37) 绿色软 (1) 网站源码 (451) 技术教程 (264) 红包活动 (28)
  • 网站统计 I 当前在线:6人

    • 本站管理:2位
    • 置顶文章:1篇
    • 微语总数:2条
    • 运行天数:1490天
    • 最后更新:1月29日
    • 登录
    • 注册
    • 找回
    Copyright © 2023淘特吧 豫ICP备2021024746号-1
    • 首页
    • 广告合作
    • 搜索
    • 注册码
    • 用户

    大家都在搜

    • 表情包大全
    • 易语言源码
    • skype
    • facebook安卓版下载
    • B站视频下载软件
    • 热门事件
    • ins账号
    • 短视频去重软件
    • 斗破苍穹
    • 电脑软件
    • PHP代码
    • 自学教程
    • 网站源码
    • Emlog教程
    • 新加坡苹果ID
    • ins账号注册教程
    • 
    • 