如何使用輸入類型=文件讀取圖像並將該圖像作爲POST請求發送

Question

我正在嘗試使用type ='File'的HTML輸入讀取圖像。用戶選擇文件後，我希望對特定的URL發出POST請求。此POST請求應該有用戶選擇的圖像。 我已經看過jQuery Ajax調用沒有任何成功。我試圖打的鏈接期望一個圖像作爲字節數組。

Answer 1

試試這個：

HTML：

<input id="pic" type="file" name="pic" /> 
<button id="upload">Upload</button> 

的Jquery：

$('#upload').on('click', function() { 
    var file_data = $('#pic').prop('files')[0]; 
    var form_data = new FormData(); 
    form_data.append('file', file_data); 

    $.ajax({ 
      url   : 'upload.php',  // point to server-side PHP script 
      dataType : 'text',   // what to expect back from the PHP script, if anything 
      cache  : false, 
      contentType : false, 
      processData : false, 
      data  : form_data,       
      type  : 'post', 
      success  : function(output){ 
       alert(output);    // display response from the PHP script, if any 
      } 
    }); 
});