2016-03-26 20 views
0

ユーザーがテキストボックスに入力した画像URLを取得し、サーバーにファイルとして保存します。img URLからファイルに変換してajax経由でサーバーに送信

これまでのところ、私はこのようなユーザーからファイルを保存した...

var myFormData; 
document.getElementById("fileInput").onchange = function() { 

     myFormData = new FormData(); 
     myFormData.append('uploadFile', $("#fileInput").prop('files')[0]); 

     $.ajax({ 
      url: '/php/uploadFile.php', 
      type: 'POST', 
      processData: false, 
      contentType: false, 
      dataType : 'text', 
      data: myFormData, 
      success: function(response){ 
      }, 
      error: function(response){ 
      } 
     }); 
    } 
}; 

しかし、ユーザーがタイプ=「ファイル」の入力を介して選択し、私はちょうどきたときのみ動作しますもちろん、他のSO投稿から学んだことは、セキュリティ上の理由から、$( "#fileInput").pro( 'files')[0]の値をプログラムで設定することは不可能だということです。

これを達成するには、自分のフォームに追加してajax経由でアップロードできるように、私が持っているimg(たとえばhttp://www.imageexamples.com/image1.jpg)をファイルに変換する必要があるようです。行く正しい方法のように聞こえるか?もしそうなら、私は本当にそれをやっている他の人の例を見つけるのに苦労しているので、すべてのポインタに感謝!

+0

質問すると、ユーザーはどのようにURLを使用して画像をアップロードしますか?彼らはURLを入力しますか?(それは安全ではないので)短く私に説明してください。関連するHTMLも添付できますか? – Evochrome

+0

実際にはURLを入力します。つまり、画像であることを確認してサーバーに渡すテキストボックスに、タイプ、コピー/ペーストなどを入力します – d3wannabe

答えて

0

SOPは、ajaxを使用して任意のWebサイトから画像をダウンロードできないようにします。
あなたがするべきことは、サーバーにURLを送信し、サーバーにイメージをダウンロードして保存させることです。

関連する問題