使用ajax上傳文件

Question

在這方面遇到障礙。

我到目前為止所擁有的：

  <input id="newFile" type="file"/>
  <span style="background-color:orange;" onClick="newImage()">HEYTRY</span>

這顯然不是很遠。

我正在尋找一種基本方法來將此圖像加載到變量中，將變量轉換為可通過URL（ajax）傳遞的內容，然后一旦可以從URL中提取位，就可以通過php實現我的目標。

不像我預期的那么容易。

任何幫助都會很棒。

謝謝

Answer 1

我使用此插件上傳文件。 http://www.uploadify.com/

這些幫助有用？

Answer 2

並非對所有瀏覽器都適用，但這是通過AJAX進行多個文件上傳的一種好方法：

function upload_files(entityKey, files, url, progress_callback) {
  var xhr = new XMLHttpRequest(), formData = new FormData();
  xhr.upload['onprogress'] = progress_callback;

  formData.append('entityKey', entityKey);
  $.each(files, function(i, file) { formData.append('file[]', file);});

  xhr.open("post", url, true);
  xhr.setRequestHeader("Cache-Control", "no-cache");
  xhr.send(formData);
}

entityKey是服務器上參數的示例。 “文件”參數來自文件類型輸入表單元素（作為支持多個數組的數組）的“文件”屬性。 “ progress_callback”參數是一個函數，該函數接受具有（至少）“ loaded”和“ total”字段（單位為字節）的對象。 它不在乎服務器響應。

Answer 3

我使用此插件上傳文件。

表格插件

您可以使用此插件方法傳遞$ _FILES數據，並在以后使用PHP代碼：

$('.yourFormUpload').ajaxSubmit(options);

對於選項變量，您可以閱讀它的文檔