Ajax上傳圖片乾貨！

上傳圖片input的類型是file （如下圖）

<input type='file' name='xxx' id='pic_img'>

當我們選擇圖片文件時如下：

 判斷是否爲空如下：

if($('#pic_img').val() == ''){
    //爲空
}else{
    //不爲空
}

上傳到後臺之前要先加一個form把它包起來，並添加點擊按鈕上傳 如下：

<form enctype="multipart/form-data" id="uploadForm">
      <input type='file' name='xxx' id='pic_img'>
      <input type='button' οnclick='upload()' value='點擊上傳'>
 </form>

然後是js部分  通過ajax上傳

function upload(){
    var formData = new FormData($("#uploadForm")[0])  //創建一個forData 
    formData.append('img', $('#pic_img')[0].files[0]) //把file添加進去  name命名爲img
    $.ajax({
        url: /api/v1/xxxx,
        data: formData,
        type: "POST",
        async: false,
        cache: false,
        contentType: false,
        processData: false,
        success: function(data) {
             //成功
        },
        error: function() {
              //失敗
        }
      })
}

OK就這麼簡單，後臺接收 name=img即可