Cloudy jQuery File Upload - 選択後に画像がアップロードされない

私はCloudQuery Uploaderを（jqueryとPHP経由で）テストしようとしています。私はそこに指示に従います： http://cloudinary.com/documentation/php_image_upload#direct_uploading_from_the_browser Cloudy jQuery File Upload - 選択後に画像がアップロードされない

私はそれがブラウザのアップロード（サーバー側ではない）として働くことに興味があります。

最終的なHTML /スクリプトのテキストは次のとおりです（XXXXをいくつか入れます）。

<html> 
     <head> 
      <title></title> 
      <script src="js/jquery-3.1.1.min.js"></script> 
      <script src='js/jquery.ui.widget.js' type='text/javascript'></script> 
      <script src='js/jquery.iframe-transport.js' type='text/javascript'></script> 
      <script src='js/jquery.fileupload.js' type='text/javascript'></script> 
      <script src='js/jquery.cloudinary.js' type='text/javascript'></script> 
     </head> 
<body> 
<script type='text/javascript'> 
$.cloudinary.config({"api_key":"XXXXX","cloud_name":"XXXXX"}); 
</script> 

<form action="uploaded.php" method="post"> 
     <input class='cloudinary-fileupload' data-cloudinary-field='image_id' data-form-data='{"timestamp":1477780986,"callback":"http:\/\/www.XXXXX.XXX\/cloudinary\/cloudinary_cors.html","signature":"96872da4909f6acf00537c78ca41414ea73bXXXXX","api_key":"538456726987XXX"}' data-url='https://api.cloudinary.com/v1_1/di2a8qkzv/auto/upload' name='file' type='file'/> <input type="hidden" name="image_id" id="image_id" /> 
</form> 
</body> 
</html>

「参照...」ボタンをクリックしてファイルを選択するだけですが、何も起こりません。 Firefoxコンソールもオンにしていますが、何も表示されません。

私が理解しているように、フォームはファイルの選択後に自動的に提出する必要があります。右？そうでない場合は、ファイルをCloudineに提出するためにどのようにすればよいですか？

私をエスケープするには？ファイル入力に

出典

2016-10-29 user3594130

は、あなたが同様に入力フィールドを初期化する必要があります。

$('.cloudinary-fileupload').cloudinary_fileupload();

は、この行が最後にロードされていることを確認し、そのいずれかのHTMLの最後にそれを置くか $(document).ready()ブロックに入れて次のコードを追加してみてください。

出典

2016-10-31 11:02:14

これは、ありがとうございました！ – user3594130

これが記載されている公式の文書を参照してください。 – kamal0808

ご確認ください： https://github.com/cloudinary/cloudinary_js/blob/master/README.md#setup –

はこれを追加：

onchange="this.form.submit();"

変更のコード行：

<form action="uploaded.php" method="post"> 
     <input class='cloudinary-fileupload' data-cloudinary-field='image_id' data-form-data='{"timestamp":1477780986,"callback":"http:\/\/www.XXXXX.XXX\/cloudinary\/cloudinary_cors.html","signature":"96872da4909f6acf00537c78ca41414ea73bXXXXX","api_key":"538456726987XXX"}' data-url='https://api.cloudinary.com/v1_1/di2a8qkzv/auto/upload' name='file' type='file'/> <input type="hidden" name="image_id" id="image_id" /> 
</form>

へ：

<form action="uploaded.php" method="post"> 
     <input onchange="this.form.submit();" class='cloudinary-fileupload' data-cloudinary-field='image_id' data-form-data='{"timestamp":1477780986,"callback":"http:\/\/www.XXXXX.XXX\/cloudinary\/cloudinary_cors.html","signature":"96872da4909f6acf00537c78ca41414ea73bXXXXX","api_key":"538456726987XXX"}' data-url='https://api.cloudinary.com/v1_1/di2a8qkzv/auto/upload' name='file' type='file'/> <input type="hidden" name="image_id" id="image_id" /> 
</form>

出典

2016-10-29 22:56:59 Ultrazz008

ファイル入力は、Cloudin、PHP関数に統合されています：<？php echo cl_image_upload_tag（ 'image_id'、array（ "callback" => $ cors_location））; ？>また、uploaded.phpはその例であり、私の場合は価値がありません。 – user3594130

Cloudy jQuery File Upload - 選択後に画像がアップロードされない

答えて

関連する問題