如何使用输入类型=文件读取图像并将该图像作为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 
      } 
    }); 
});