canvas通過ajax上傳到伺服器

2021-09-24 18:17:50 字數 551 閱讀 3607

一開始呢,是準備通過json格式上傳到伺服器,但是報了乙個沒有邊界的錯誤("exception":"the request was rejected because no multipart boundary was found"),查了一下,發現通過form表單上傳檔案的話,請求頭會自帶這個boundary,看來問題就出在這裡了。

但是我們是用ajax上傳啊,不是用form表單,於是乎,建立乙個formdata,把canvas的資料放進去,再上傳到伺服器。

function fileuploadsign() ,

error: function (xhr, status, error)

})}

是不是發現上面缺少乙個方法,對的,這裡還要將canvas的資料轉換成blob格式;

//轉成buffer

function datauritoblob(datauri)

return new blob([ab], );

}

這樣子就可以成功上傳到伺服器咯

參考自:

通過ajax上傳excel

html 上 傳 匯入格式 xls js 匯入檔案 function importexp success function responsestr else controller service 寫入 param is public string writeexeldata inputstream ...

FormData通過ajax上傳檔案

bt click function function sumitimagefile base64codes,thisobj xhr function false return xhr 將以base64的url資料轉換為blob param urldata 用url方式表示的base64資料 func...

通過ajax上傳表單檔案

html部分 form method post id productuploadform name frmbatchsettle enctype multipart form data encoding multipart form data input type file class col xs...