js上传图片或视频

利用input属性中的type="file"实现图片或视频的上传

1.在html代码中插入input标签并添加属性type=“file”

<input type="file" id="photo" name="photo">

2.在js代码中获取file的值

var photo = $("#photo")[0].files[0];

3.新建formData用于提交表单

var formData1 = new FormData();
let infro1 = {"abc": "abc",}  //上传需要携带的参数
formData1.append("json", JSON.stringify(infro1));
formData1.append("photo", photo);

4.实现上传

$.ajax({
                type: 'post',
                url: 'url',
                contentType: "application/json;charset=UTF-8",
                dataType: 'json',
                data: formData1,
                processData: false, // jQuery不要去处理发送的数据
                contentType: false, // jQuery不要去设置Content-Type请求头
                success: function (er) {
                },
                error: function (err) {
                }
            });