以下のような、jQueryを使った画像アップロード処理を実装したのですが、
iphoneを使って画像をアップする際に、403エラーが発生しました。
javascript
1var fd = new FormData(); 2fd.append("title", title); 3fd.append("message", message); 4fd.append("image", image); 5$.ajax({ 6 url: [送信先URL], 7 type: "POST", 8 data: fd, 9 processData: false, 10 contentType: false, 11 dataType: 'json' 12}).done(function( data ) { 13 if(data.message != null){ 14$('#comp_result').html(data.message); 15 } 16 return false; 17}).fail(function(jqXHR, textStatus, errorThrown) { 18 $('#comp_result').html("<p>予期せぬエラーが発生しました。<br>お手数ですが最初からやり直すか、頻繁に起きる場合は管理者までご連絡ください<br>" + 19"XMLHttpRequest.status:" + jqXHR.status + "<br>" + 20"textStatus:" + textStatus + "<br>" + 21"errorThrown:" + errorThrown.message + 22"</p>"); 23});
403は、XMLHttpRequest.statusの値で確認しました。
送付先サーバーにアクセスログが記録されないので、サーバーに通信する前にエラーになっている模様です。
画像によってはアップすることができ、調査した限りですと、キャプチャした画像のアップのみできません。
カメラで撮影した画像や、android端末からは、問題なく送信できます。
iphoneの複数端末で確認できたのでOSの違い等は関係がないかと思っております。
同様の現象に対応された方、解決等あるからご教授願えないでしょうか?
もしくは、他に、画像とテキストの両方を一度に送信できる方法がありましたら教えてもらえませんでしょうか。
FineUploaderを調べたのですが、画像のみのサンプルしかなく、画像とテキスト両方を送信する方法がわからなかったので。
よろしくお願いいたします。
あなたの回答
tips
プレビュー