項目回顧3-再談圖片上傳-FormData+ajax上傳

時間 2019-11-16

標籤項目回顧再談圖片上傳 formdata+ajax formdata ajax 欄目 Ajax 简体版

原文原文鏈接

上次在糾結圖片上傳用base64仍是form表單，如今感受好蠢，由於又開闢了第三條道路。ajax

其實也根本用不到formapp

只須要一個上傳文件的input就行了url

 <input id="file" type="file"/>

var formData = new FormData();
formData.append('file', $('#file')[0].files[0]);
$.ajax({
    url: '/upload',
    type: 'POST',
    cache: false,
    data: formData,
    processData: false,
    contentType: false
}).done(function(res) {
}).fail(function(res) {});

和常規的ajax請求相比，就加了spa

cache: false,
processData: false,
contentType: false

而後就能夠傳到後臺了，也能夠直接得到返回值了，簡直感動的不要不要的……code

具體的能夠參考www.jianshu.com/p/46e6e03a0d53orm

相關標籤/搜索