###前提・実現したいこと
Node.js/Expressを用いてサーバー上(Cloudinary)に画像を複数アップロードする。
その際先頭から順にアップロードしたい。
スライド発表の自作ツールを作成しているため、DBのidをスライド番号とした時、それに対応したimagePathを保存させたい。
###発生している問題・エラーメッセージ
非同期関数の影響か、for文で順々にアップロードしようとしても順番がめちゃくちゃになる
ファイルが軽い順?からどんどんアップロードされているかもしれない
###該当のソースコード
javascript
1router.post('/', upload.array('image_file',30) , function(req, res, next) { 2 var file = req.files; 3 var path = new Array (file.length); 4 for(i=0;i<file.length;i++){ 5 path[i] = file[i].path;//ファイルのpathを格納 6 } 7 var texts = req.body.texts;//画像に付随する配列情報(consoleでは問題なく入っている) 8 console.log(path);//この時点ではpathがうまく配列に格納されている 9 10 var i = 0; 11 // 繰り返し動作はコレクションの要素順 12 async.eachSeries( 13 // 繰り返し処理対象の配列 14 path, 15 // 各要素に対して繰り返す関数 16 function(s, callback) { 17 cloudinary.uploader.upload(path[i], function(result) { 18 console.log(i+"テスト");//実行結果は下に記述 19 var imagePath = result.url; 20 var query = 'INSERT INTO slides (text , image_path, priority ,lap_time) VALUES ("'+ texts[i] +'",'+'"'+imagePath+'",'+'"0",'+'"0")';//query文 21 connection.query(query, function(err, rows) { 22 }); 23 }); 24 i++; 25 console.log(i); 26 callback(); 27 }, 28 // すべてのeachSeries動作が終わった時コールされる関数 29 function(err) { 30 if (err) { 31 console.log(err); 32 } 33 else { 34 console.log("Everything done."); 35 res.redirect('/'); 36 } 37 } 38 );
実行結果:
1
2
3
4
5
6
7
Everything done.
POST /add 302 37.434 ms - 46
GET / 500 16.741 ms - 2211
7テスト
(7枚アップロードした場合)
・DBのtextは全部underfinedになる
・ループがうまくいっていないためtext[i]が取り出せない
・asyncを用いて同期処理にしたつもりが全くうまくいってない
###試したこと
・asyncではなく、for文でやってもだめだった
・input type="file" multipleで取ってきた情報を一つ一つ別のformに入れて一枚ずつ送信する方法(Nodeとは関係なく、htmlとフロントのjsで解決する方法)を使ったがダメだった
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/07/11 12:57