vue+axios+el-upload実装ファイルアップロード(パラメータ付き):
5749 ワード
http-requestカスタムファイルを使用して今回アップロードします.
メモ:mainの場合、ブラウザが自分で解析するように要求ヘッダタイプを自分で設定しないでください.jsでpostパラメータのシーケンス化が設定されていると、ブラウザがアップロードファイルのフォーマットエラーを解析する可能性があります(415エラーUnsupported Media Type).この構成をコメントしてください.
初めてここでブログを発表するのは比較的に短くて、みんなに少し助けを与えることができることを望んで、問題があったら下で一緒に交流することができます;
<el-upload class="upload-demo" action="string" :http-request="uploadFile" :limit="1" :show-file-list="false">
<el-button size="small" type="primary"> </el-button>
</el-upload>
メモ:mainの場合、ブラウザが自分で解析するように要求ヘッダタイプを自分で設定しないでください.jsでpostパラメータのシーケンス化が設定されていると、ブラウザがアップロードファイルのフォーマットエラーを解析する可能性があります(415エラーUnsupported Media Type).この構成をコメントしてください.
async uploadFile(params) {
//
var formData = new FormData();
formData.append('annex', params.file);
console.log(params.file);
formData.append('userid', this.sessionInfo.userid);
formData.append('sid', this.sessionInfo.session);
const {
data: res } = await this.$http.post(
'http://219.1:80/updheadimg',
formData
);
if (res.code !== 0) {
return this.message.error(' ');
}
console.log(res);
},
初めてここでブログを発表するのは比較的に短くて、みんなに少し助けを与えることができることを望んで、問題があったら下で一緒に交流することができます;