項(xiàng)目上有時(shí)候會(huì)有奇怪的需求,比如前端有一些示例,想點(diǎn)擊按鈕就能上傳圖片,而這個(gè)圖片是在前端的項(xiàng)目中的,如果不上傳吧,又獲取不到一些業(yè)務(wù)數(shù)據(jù)的id,但后端又不想為這塊功能做特殊的處理,這時(shí)想通過(guò)前端直接上傳到后端,需要file對(duì)象才可以。文章來(lái)源:http://www.zghlxwxcb.cn/news/detail-656792.html
這個(gè)時(shí)候我們需要將img轉(zhuǎn)換成file對(duì)象,所以我們可以通過(guò)fetch轉(zhuǎn)換成file對(duì)象然后上傳,思路就是直接import 目錄中的圖,這樣即便是打包了圖片名加了hash也不會(huì)有問(wèn)題,然后就是通過(guò)fecth讀取到圖,然后轉(zhuǎn)換成file,將file放到ForData表單中,然后直接調(diào)用文件上傳接口就可以了,代碼如下:文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-656792.html
//項(xiàng)目中的demo圖片
import demo1Img from '../../assets/img/demo1.png'
//fetch讀取圖片
fetch(demo1Img)
.then(
到了這里,關(guān)于js將項(xiàng)目中的圖片上傳到服務(wù)器的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!