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

Posted 2021-03-03 keith1025

在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‘

        }

    },