鍍金池/ 問(wèn)答/C  數(shù)據(jù)庫(kù)  HTML/ node.js接收上傳圖片，將圖片信息寫入數(shù)據(jù)庫(kù)與解析form數(shù)據(jù)完成時(shí)向前臺(tái)發(fā)

node.js接收上傳圖片，將圖片信息寫入數(shù)據(jù)庫(kù)與解析form數(shù)據(jù)完成時(shí)向前臺(tái)發(fā)送數(shù)據(jù)異步的問(wèn)題

后臺(tái)接收前臺(tái)傳來(lái)的form表單數(shù)據(jù)，數(shù)據(jù)為圖片。用的是formidable這個(gè)插件，然后經(jīng)過(guò)處理后寫入數(shù)據(jù)庫(kù)，在form.on('end')的時(shí)候，再把數(shù)據(jù)庫(kù)的圖片數(shù)據(jù)返回給前臺(tái)，問(wèn)題就出在這了，往數(shù)據(jù)庫(kù)插入數(shù)據(jù)是異步的動(dòng)作，form.on('end')的時(shí)候數(shù)據(jù)不一定插進(jìn)去了，如果在插入成功的回調(diào)內(nèi)發(fā)送數(shù)據(jù)，單圖可以，多圖因?yàn)檠h(huán)，就會(huì)報(bào)錯(cuò)：can't set headers after they are sent
現(xiàn)在想到的解決辦法是在form.on('end')內(nèi)寫個(gè)定時(shí)器，等一會(huì)再發(fā)送，可是這樣不穩(wěn)定，誰(shuí)知道這段特定時(shí)間后，數(shù)據(jù)有沒有插入完成呢

clipboard.png

回答
編輯回答
吢丕

使用 event （http://nodejs.cn/api/events.html）自定義事件并監(jiān)聽即可，數(shù)據(jù)庫(kù)都操作完成再觸發(fā)事件向前端傳輸數(shù)據(jù)。

2018年1月18日 02:26
編輯回答
心悲涼

異步編程的難度就在這些地方，一個(gè)動(dòng)作的開始要依賴其他的動(dòng)作完成作為標(biāo)記。而你的邏輯就是：

  1. 所有圖片上傳
  2. 1完成后開始查詢數(shù)據(jù)庫(kù)
  3. 2完成后給res返回?cái)?shù)據(jù)

所以流程上面看起來(lái)跟form.on('end')好像沒有任何關(guān)系，為什么要在這個(gè)事件里面做操作？
另外我不明白的一點(diǎn)是要返回給客戶端的到底是什么，latestFileData?那Upload.find({}...)查出來(lái)的又是什么？
res.json只能調(diào)用一次，如果你兩者都想返回，那必須等結(jié)果都就緒后合成一個(gè)json再調(diào)用。
類似的流程在NodeJS里面以后還會(huì)經(jīng)常遇到，根本的解決方式是使用一些流程控制的庫(kù)，我比較常用的有2個(gè)：

  1. async，你需要使用的是parallel或是parallelLimit，就是一系列可以并行的任務(wù)都完成后觸發(fā)一個(gè)回調(diào)，這時(shí)候你就可以用res.json了；
  2. Bluebird，需要使用Promise.all，原理同上，語(yǔ)法上不太一樣。

文檔和習(xí)慣上面?zhèn)€人更喜歡前者。不管哪一個(gè)都會(huì)了async/await，這是最新的標(biāo)準(zhǔn)，也是以后的方向，建議早些了解。

2017年12月1日 18:41
編輯回答
情未了

這個(gè)簡(jiǎn)單的，把異步轉(zhuǎn)為同步

2018年2月17日 21:53