Ajax圖片上傳僅在iOS上失敗：內部服務器錯誤

Question

我實現了一個像http://abandon.ie/notebook/simple-file-uploads-using-jquery-ajax中所述的ajax文件上傳。所有瀏覽器中的一切正常，但iOS上的Safari。作爲迴應，我得到一個內部服務器錯誤。

我檢查了我的serverside代碼，但沒有錯。如果我在服務器端PHP腳本的第一行代碼中編寫die();，我甚至會得到該錯誤。這似乎是Safari上傳錯誤的圖片。也許有人可以幫助我解決這個錯誤。提前致謝！

這是HTML的代碼：

<input type="file" id="pict" accept="image/*"> 
<input type="text" id="field1"> 
<input type="text" id="field2"> 
<button id="send">Send</button> 

而這個JavaScript的：

var files = false; 

$('#pic').on('change', prepareUpload); 

function prepareUpload(event) 
{ 
    files = event.target.files; 
} 

$("body").on("click", "#send", function() { 
     uploadTB(); 
}); 

function uploadTB() { 
    var postdata = new FormData(); 
    if (files !== false){ 
    $.each(files, function(key, value) 
    { 
     postdata.append(key, value); 
    }); 
    } 
    postdata.append("field1", $("#field1").val()); 
    postdata.append("field2", $("#field2").val()); 
    $.ajax({ 
     url: 'http://example.org/index.php', 
     type: 'POST', 
     data: postdata, 
     cache: false, 
     processData: false, 
     contentType: false, 
     success: function(data) 
     { 
      console.log("sucess"); 
     }, 
     error: function(jqXHR, textStatus, errorThrown) 
     { 
      console.log(jqXHR,textStatus,errorThrown); 
     } 
    }); 
} 

Answer 1

這似乎是iOS中的重大錯誤8.請參閱：https://github.com/Widen/fine-uploader/issues/1284 我現在可以借用一張ñ與iOS 7和瞧，它的工作原理。感謝所有幫助！

Answer 2

更新的代碼

var files = false; 

$('#pic').on('change', prepareUpload); 

function prepareUpload(event) 
{ 
    files = event.target.files; 
} 

$("body").on("click", "#send", function() { 
     uploadTB(); 
}); 

function uploadTB() { 
    var postdata = new FormData(); 
    if (files !== false){ 
    $.each(files, function(key, value) 
    { 
     postdata.append(key, value); 
    }); 
    } 
    postdata.append("field1", $("#field1").val()); 
    postdata.append("field2", $("#field2").val()); 
    $.ajax({ 
     url: 'http://example.org/index.php', 
     type: 'POST', 
     data: formData, 
     mimeType:"multipart/form-data", 
     contentType: false, 
     cache: false, 
     processData:false, 
     success: function(data) 
     { 
      console.log("sucess"); 
     }, 
     error: function(jqXHR, textStatus, errorThrown) 
     { 
      console.log(jqXHR,textStatus,errorThrown); 
     } 
    }); 
}