ホームページ > 記事 > ウェブフロントエンド > AntdV Upload コンポーネントのアップロード メソッドをカスタマイズする方法の簡単な分析
AntdV Upload コンポーネントのアップロード メソッドcustomRequest をカスタマイズするにはどうすればよいですか?次の記事では、Ant Design Vue の Upload コンポーネント、customRequest のカスタム アップロード メソッドを紹介します。
#customRequest 独自のアップロード方法をカスタマイズできます
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="照片"> <a-upload v-decorator="['zp', validatorRules.zp]" listType="picture-card" class="avatar-uploader" :showUploadList="false" :beforeUpload="beforeUpload" :customRequest="selfUpload" > <img v-if="picUrl" :src="getAvatarView()" alt="头像" style="max-width:90%"/> <div v-else> <a-icon :type="uploadLoading ? 'loading' : 'plus'" /> <div class="ant-upload-text">上传</div> </div> </a-upload> </a-form-item>
//对上传的文件处理 selfUpload ({ action, file, onSuccess, onError, onProgress }) { console.log(file, 'action, file'); const base64 = new Promise(resolve => { const fileReader = new FileReader(); fileReader.readAsDataURL(file); fileReader.onload = () => { resolve(fileReader.result); // this.formImg = fileReader.result; } }); }
vue.js チュートリアル」]
以上がAntdV Upload コンポーネントのアップロード メソッドをカスタマイズする方法の簡単な分析の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。