2018-11-05

上传图片

          <input type='file' @change="updata($event)" >
           updata(e){
                    e.target.files[0] ,   //获取第一张图片的fileList,
                    var  file = e.target.files[0]
                    var  filesize = file.size,   //fileList 的 大小
                    var filename  =file.name  
                    var fileType = file.type  //类型
                       
                    new fileReader()  //文件对象
                    var reader =  new FileReader()
                    readAsDataURL()  //文件对象的四大方法之一,转换为data来头的字符串,
                    reader.readAsDataURL(file)
                    reader.onload = (e) => { //onlead //读取文件完成的回调
                                e.target.result//  转换完成的base64
                    }
           }
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 建成功后,使用编辑器打开项目目录,大致是这样的结构: 相关文件和文件夹的含义: build 文件夹: 里面是对 w...
    小帅_Cs阅读 870评论 0 0
  • 一级标题 二级标题 斜体 加粗 这是引用引用内引用引用 Ctrl+a百度[图片上传失败...(image-f...
    大白没肚腩阅读 107评论 0 0
  • 实验一 IOT平台注册于基本使用 基于One Net平台实现MQTT设备的消息上传与发布、订阅。 第一步:在One...
    一世半夏阅读 202评论 0 1
  • 实验二 IOT平台之创建产品与网络实现 第一步:在创建的产品下创建应用 创建的应用界面中可以看到温度的检测值,和烟...
    一世半夏阅读 209评论 0 0
  • 实际使用示例 拓展:java.util.Calendar类(同样可以获取时间) 常用的匹配规则
    androidjp阅读 511评论 0 0

友情链接更多精彩内容