在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ html圖片文件如何不通過file來post到服務(wù)器?

html圖片文件如何不通過file來post到服務(wù)器?

一般上傳文件就是利用 瀏覽器自帶的 type=file實(shí)現(xiàn)上傳,
但是我想問下,能否不通過選擇圖片,然后發(fā)送form表單的方式來上傳文件。

之前已經(jīng)通過該方式上傳過圖片,頁面上圖片為以下格式

clipboard.png

所以我想問下 能否帶著 src里面的那一串 直接去請求服務(wù)器,代替之前的那張圖片.
可以的話 麻煩講個(gè)思路或者貼下代碼.

我看了下百度的實(shí)現(xiàn)方式是第一次后端返回一個(gè)url地址,后續(xù)就帶著url地址去處理.

回答
編輯回答
款爺

FormData了解一下?blob了解一下?

這個(gè)時(shí)候就要推薦一下我自己的文章了前端文件上傳-javascript-ajax

我先來幫你分析一番。現(xiàn)在普遍分為兩種情況。
古老型,圖標(biāo)和內(nèi)容一起提交。前端不需要關(guān)注地址是什么傳到哪里,后端每次都需要自己接收圖片,存圖片。
分離型,專門的圖片上傳服務(wù)。圖片可以分用途傳到對應(yīng)后臺、模塊、CDN上。后端不關(guān)注傳什么圖片,圖片怎么傳,只需要圖片的url。

2017年8月15日 07:51
編輯回答
淡墨

可以構(gòu)造一個(gè)form,把src的數(shù)值post過去.

let f=$('form').attr('method','post').attr('src','http://scooterlabs.com/echo');
f.append('input').attr('name','file').attr('value',$('img').attr('src'));
f.submit();

服務(wù)器那邊接收解析一下就好了.

2018年8月23日 08:43
編輯回答
情已空

可以,img中的src對應(yīng)的值是 經(jīng)過DataURL編碼后的圖片,關(guān)于DataURL編碼,可以先了解下 Data URLs

DataURL中包括的數(shù)據(jù)本身就是經(jīng)過Base64編碼后的圖片,如果你想上傳經(jīng)過Base64編碼的圖片,需要后端處理,把上傳的Base64編碼的圖片進(jìn)行解碼,寫入文件,通過DataURL中的MIME類型,保存對應(yīng)擴(kuò)展名就可以了

2018年4月9日 04:59
編輯回答
冷溫柔

首先,請問你那一串是怎么來的
其次,若你要上傳本地的圖片,瀏覽器是不允許你直接讀取的,而是需要你使用它提供的接口;然而它提供的接口之一就是file

2018年3月6日 22:40