博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
input file上传base编码图片及上传同一张图片
阅读量:7118 次
发布时间:2019-06-28

本文共 764 字,大约阅读时间需要 2 分钟。

input type='file'

使用了vuejs的change事件

accept="image/*"(兼容了安卓客户端)//上述代码中 value='';不能少:复制代码
js    tirggerFile: function (event) {        var files = event.target.files;         this.showUpload(files[0]);    },    showUpload(img) {         var _this = this;         var reader = new FileReader();         reader.readAsDataURL(img);         reader.onload = function (e) {          console.log('执行这里', this.result);          _this.uploadSrc = this.result;          // 传递同一张图片时,清空value值          document.getElementById('file').value = '';         }    },复制代码

FileReader对象

FileReader 对象允许Web应用程序异步读取存储在用户计算机上的文件(或原始数据缓冲区)的内容,使用 File 或 Blob 对象指定要读取的文件或数据。

FileReader.result 只读

文件的内容。该属性仅在读取操作完成后才有效,数据的格式取决于使用哪个方法来启动读取操作。

转载于:https://juejin.im/post/5cb5fbb4e51d456e46603e12

你可能感兴趣的文章
hasshmap输出value
查看>>
php 魔法函数__FILE__ ,define()、pathinfo()和dirname()及其basename()函数的简单打印及其效果...
查看>>
HTML5+Css3-webkit-filter
查看>>
Mac下用命令行直接批量转换文本编码到UTF8
查看>>
56个有效且健康的减肥小绝招
查看>>
Unity3D 物体移动方法总结
查看>>
最小二乘法
查看>>
程序员-科技的附庸
查看>>
跟随我在oracle学习php(7)
查看>>
Objective-C Runtime 运行时之一:类与对象
查看>>
RAC环境修改参数生效测试
查看>>
浏览器兼容性问题
查看>>
Mongodb学习笔记一
查看>>
urllib模块中parse函数中的urlencode和quote_plus方法
查看>>
org.springframework.transaction.CannotCreateTransactionException: Could not open Hibernate Session
查看>>
一个优秀的.net程序员必须要学会的技能 【转】
查看>>
[Python3网络爬虫开发实战] 1.1-Python3的安装
查看>>
一般过去时
查看>>
为了python准备一些软件
查看>>
1180 中位数
查看>>