码迷,mamicode.com
首页 > Web开发 > 详细

关于使用Input框上传图片的二进制数据传输

时间:2020-03-27 15:32:55      阅读:159      评论:0      收藏:0      [点我收藏+]

标签:ace   上传图片   type   files   data   cep   this   content   cer   

在vue中
标签:
<input       accept="image/*"
                type="file"
                capture="camera"
                name="file"
                ref="input"
                @change="openFace" />
 
函数调用:
openFaceRecognition(this.$refs.input, t, {})
 
定义函数:
openFaceRecognition (opts, cb) {
        for (var i = 0; i < opts.el.files.length; i++) {
            var file = opts.el.files.item(i);
            if (!/image\/\w+/.test(file.type)) {
                continue; // 不是视频 就跳出这一次循环
            }
            if (file.size > 16777216) {
                return App.alert(‘请上传小于16M视屏‘);
            }
            var formData = new FormData(); 
            formData.append(‘file‘,opts.el.files[0])
 
            for(let key in opts.data) {
                formData.append(key,opts.data[key])
            }
  
          formData则为得到的需要上传的数据,注意此时content-type=‘multipart/form-data‘
        }
    },

关于使用Input框上传图片的二进制数据传输

标签:ace   上传图片   type   files   data   cep   this   content   cer   

原文地址:https://www.cnblogs.com/keith1025/p/12581755.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!