DropzoneJSを使ってアップローダーを構築したいと思います。
・画像をドロップ(1枚でも複数でも可)
・アップロードした枚数によってその写真のコメントを入れるボックスを生成して入力フォームを画面遷移等なしで作り、コメント等を記載後、
「投稿」ボタンで投稿完了としたい
(ドロップした画像のファイル名もhiddenのフォームに入れて、投稿ボタンを押した際にフォームより投稿したい)
と思います。
アップロード済みの枚数やアップロードが完了した画像のURLを全て取得する方法はあるのでしょうか?
(画像アップロードキャンセル時にも変な動作が起きないようにしたいです)
今のところ1枚のみであれば以下の方法で画像ファイル名等を
取得してフォームのデータを入れています。
アップロードに成功するとjsonが帰ってくるので、それを元に
フォームの値を変更しています。
これだと複数枚処理した際に処理ができません...
myDropzone.on(\"success\", function(file,xhr,formData) { console.log(\"成功\"); console.log(xhr.res);
document.getElementById('filenameimg{$p}').src="/files/temp/"+"smimg"+xhr.res.filename+xhr.res.extname;
document.getElementById('insertid{$p}').value=xhr.res.insertid;
});
あなたの回答
tips
プレビュー