blueImp からの jQuery ファイル アップロードを使用して、ファイルを Web ディレクトリにアップロードしています。ほとんどの場合、それは機能しますが、一貫してファイルをドロップします。ajaxリクエストには以下を使用します。これは、アップロードされた各ファイルをループし、images.php が DB に書き込みます。
//On successfull upload of pages
$('#albumPages.fileupload').bind('fileuploadalways',function(e,data) {
//Loop through each page and return object and write to DB
$.each(data.files, function (index, file) {
var filename = data.result[0].name;
$.ajax({
type: "POST",
url: "../queries/images.php",
data: {file: filename}
});
});
//CSS to change GUI
$('#albumPages.fileupload').bind('fileuploadstop' , function(e,data) {
$('.modal_uploader_pages').css("display","none");
$('.modal_uploader_back').css("display","block");
$('.breadcrumbs').css("background-position","left 128px");
});
});
DB書き込み
INSERT INTO galleryimage
(
galleryId
,image
,OrgImageName
,clientRef
-- ,sort
,layout
) VALUES (
'{$galleryID}'
,'{$imageID}'
,'{$originalName}'
,'{$clientRef}'
-- ,'{$order}'
,'{$galleryLayout}'
)"
Chrome デベロッパー ツールの [ネットワーク] タブを使用して受け取るエラーは、500 内部サーバー エラーです。この問題のトラブルシューティングに関する洞察または指示。サーバーにSSH接続してphpエラーログを確認しましたが、このイベントに関しては何もありません。