我創建了一個應用程式,我想在其中向用戶發送帶有他們上傳的影像的登頂表單資料,我是 angular 的新手,所以我很安靜,不知道這是否可以任何機構請幫助我我在下面附上了我的代碼的影像
我正在使用用戶登頂資料模型和 formdata 方法來上傳影像,我如何將兩者結合起來
[在此處輸入影像描述][1] 這是我正在創建 api 的影像,突出顯示的區域是影像所在的位置 我還想發送用戶提交的資料 [在此處輸入影像描述][2] 這是我的模型的圖片[在此處輸入圖片說明][3] 這是我的表格圖片
提前致謝
[1]: https://i.stack.imgur.com/CoIHE.png
[2]: https://i.stack.imgur.com/19My3.png
[3]: https://i.stack.imgur.com/4PIMe.png
uj5u.com熱心網友回復:
在您附加的圖 1 中的代碼中,請再次重復formdata.append("key", value);一次以附加您的用戶模型資料。
這將是類似的東西,
const formdata = new FormData();
formdata.append("userData", this.userData.value);
formdata.append("image", this.uploadedFile.value);
uj5u.com熱心網友回復:
下面是上傳檔案項的示例。我在這里使用 FileList,也許你也是。希望這對你有幫助。
endpoint: string = 'https://YOURAPI/upload/Pictures';
httpUploadPicture(file: FileList)
{
const formData = new FormData();
formData.append('yourotherdata', yourotherdata);
if (file) formData.append('File', file[0], file[0].name);
this.http.post(this.endpoint, formData);
}
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/395884.html
