利用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) {}});

總結

以上是生活随笔為你收集整理的js上传图片或视频的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。