位置: 编程技术 - 正文

基于jquery实现图片上传本地预览功能(jquery图片)

编辑:rootadmin

推荐整理分享基于jquery实现图片上传本地预览功能(jquery图片),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery图表,jquery实战,使用jquery,使用jquery,jquery图片,jquery图表,jquery图表,jquery 画图,内容如对您有帮助,希望把文章链接给更多的朋友!

当我们在上传文件时如果每次都要上传到服务器才可以预览这个做看上合理其实是不合理的,如果网速慢或图片有问题,这样不但浪费客户时间同时也浪费服务器资源了,下面我们介绍利用js上传图片时本地实现预览,希望此方法对各位有所帮助哦。一、原理

分为两步:

当上传图片的input被触发并选择本地图片之后获取要上传的图片这个对象的URL(对象URL);

把对象URL赋值给事先写好的img标签的src属性即可把图片显示出来。

在这里,我们需要了解Javascript里File对象、Blob对象和window.URL.createObjectURL()方法。

基于jquery实现图片上传本地预览功能(jquery图片)

1、File对象

File对象可以用来获取某个文件的信息,还可以用来读取这个文件的内容.通常情况下,File对象是来自用户在一个input元素上选择文件后返回的FileList对象,也可以是来自由拖放操作生成的 DataTransfer对象.

下面来看获取FileList对象:

2、Blob对象

一个Blob对象就是一个包含有只读原始数据的类文件对象.Blob对象中的数据并不一定得是JavaScript中的原生形式.File接口基于Blob,继承了Blob的功能,并且扩展支持了用户计算机上的本地文件.

我们想要得到的对象URL实际上就是从Blob这个对象获取的,因为File的接口继承Blob。下面就来把Blob对象转换成URL:

一个比较完整的实例

二、兼容性

&#;上述方法适用于chrome浏览器 &#;如果是IE浏览器可以直接使用input的value来代替src &#;网上查看资料有直接使用File对象的getAsDataURL()方法获取URL的,现在这个方法都已经废除,类似的还有getAsText()和getAsBinary()方法;

标签: jquery图片

本文链接地址:https://www.jiuchutong.com/biancheng/379278.html 转载请保留说明!

上一篇:jQuery实现本地预览上传图片功能(jquery打开本地html)

下一篇:jQuery数据类型小结(14个)(jquery 属性)

  • 怎么计提坏账准备到本年利润
  • 如何在天猫平台抢茅台
  • 季度内超过30万红冲后用不用缴税?
  • 差额征收如何做账
  • 所得税忘了计提如何做会计分录还有结转
  • 营业外支出为负数怎么处理
  • 法人存到公司账户的钱怎么记账
  • 其他应收款要做账吗
  • 外籍个人工资薪金汇出境
  • 冲以前年度暂估
  • 公司领导培训费怎么入账
  • 盈余公积转增资本有限制吗
  • 营改增后小规模都是三个点吗
  • 建筑业增值税普通发票可以抵扣吗
  • 离职补偿金如何计算
  • 景区中设立的经济组织是
  • 其他应收款在资产负债表中是负数
  • 开票金额是纳税金额吗
  • 外地项目的预交税款没交怎么办
  • 收到的会费计入什么会计科目
  • 资产减值损失需要结转吗
  • 暂估成本后第二年收到发票怎么做账
  • xlsx长数字
  • 收到收据的会计分录
  • 外贸公司进出口权办理流程
  • 碎片化对应什么
  • mrmactl.exe
  • PHP:iterator_to_array()的用法_spl函数
  • 京东最贵的商品排行
  • mongodb4.0安装教程
  • 原材料的帐务处理
  • 研发支出属于哪个表
  • 拔缴经费收入
  • 让 new bing 使用 GPT-4 编写一个令人满意的程序全过程赏析
  • 微信小程序项目中的 ______ 文件是全局配置文件
  • 前端cgi
  • js防抖节流的区别和使用场景
  • bluetooth hci0 command timeout
  • 网络命令netstat
  • php内存缓存功能怎么用
  • 发票去税务局认证了就可以直接抵扣了吗
  • 增值税在纳税申报表中怎么得出
  • 生产成本结转库存商品,怎么算知道数量以及单价
  • 货款必须对公帐户支付吗
  • 清算汇缴报表填写范本
  • 应付职工薪酬中的职工是指
  • 银行贷款第三方是什么意思
  • 经营户个人所得税
  • 小规模纳税人税率1%政策到什么时候
  • 保理业务的内容有哪些
  • 电商平台经销商
  • 装修费用账务怎么处理
  • 短期借款有哪几种类型
  • 商场活动经费预算
  • 福利费需要发票吗
  • 进口关税免征
  • 附加税 减免
  • 税务销售滞后是什么意思
  • 滴滴普通发票
  • 金税盘不申报会不会罚款
  • 冲销以前年度多计提的折旧
  • 财产清查存在的问题及原因分析
  • 建账的要点及应注意的问题
  • mysql 复合查询
  • mysql 5.7.17 winx64.zip安装配置方法图文教程
  • 使用u盘安装macos
  • linux中的awk命令详解
  • win8更新设置
  • windowsxp回收站实际是
  • win8iis安装配置
  • android 自定义view onlayout
  • opengl es3.0
  • java线程池创建
  • linux使用adb
  • bootstrap steps
  • 收购烟叶可抵扣进项税
  • 房地产的营业税税率
  • 电子秒表怎么读数9:33.12
  • 异辛烷征收消费税2023
  • 车辆报废补贴怎么拿
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设