FormData文件上传和上传文件操作

浪里白条那片海

于 2020-08-20 19:50:18 发布

阅读量532

点赞数

本文链接：https://blog.youkuaiyun.com/weixin_37806077/article/details/108130990

版权

本文详细介绍了如何在HTML中利用FormData对象进行文件上传操作，包括文件选择、数据封装及发送请求的过程，适用于前端开发中常见的文件上传场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

FormData方式

html：

<div class="imageExaminationTextR">
            <input name="webrtc-picker-dicom" style="display:none;"
                   class="file-upload-input"
                   id="webrtc-picker-dicom"
                   type="file" @change="changePickerDicom($event)" accept=".json" multiple/>
            
        </div>

let fileList = e.target.files;
                let dcmList = [];
                let reg = new RegExp(/json$/);
                console.log(fileList);
                for (let i = 0; i < fileList.length; i++) {
                    if (reg.test(fileList[i].name)) {
                        dcmList.push(fileList[i]);
                    }