フォーム内のカスタム添付ファイルアップロードアドレス

能力免费版轻享版专业版专属版页面JS代码不支持不支持支持支持1. 功能概述用户可以通过宜搭中的「动作面板」去写 JS 代码，从而实现自己的业务逻辑或逻辑判断。通过动作面板，您可以「更加方便的组织和复用代码」、「实现复杂交互」。注意：通过JS面板编写的逻辑一般情况下是不会对历史数据生效的。2. ...

https://docs.aliwork.com/docs/yida_support/lbtl0t/ocmxyv

このケースは三者開発者「馮鵬」から来た

1. 使用シーン

この例では、適切なフォームページで添付ファイルがアップロードされたアドレスをカスタマイズする方法を紹介します。

2.機能を実現する

2.1フォームページの作成

2.3次のコードをページjsにコピーします

次の一意の表示を修正することに注意してください。

主に添付ファイルがアップロードされたアップロードアドレスを変更します。このアドレスは自分のサーバのアップロードアドレスで、添付ファイルを自分のサーバにアップロードすることができますその後、デフォルトのアップロードアドレスを使用しないと、ファイルサイズに制限はありません。

インタフェースの戻り値は必要に応じてください。

// 当页面渲染完毕后马上调用下面的函数，这个函数是在当前页面 - 设置 - 生命周期 - 页面加载完成时中被关联的。
export function didMount() {
  // 更改附件组件的上传地址即可
  this.$('attachmentField_ldnyquqi').set('url', 'https://anymock.alipay.com/direct-mock/http/xxxxxxxxxxxxxxx/upload.json');
}


/**
* attachmentField onError
* @param file: {Object} 出错的文件
* @param value: {Array} 当前值
*/
export function onError(file, value) {
  // 更改后文件上传地址后，文件大小不再受限，可以自行通过接口控制，返回错误
  this.utils.toast({
    title: file.error.message, // 接口返回值中的 errorMsg
    type: 'error',
    size: 'large',
    duration: 2000,
  });
}

/**
* attachmentField onSuccess
* @param file: {Object} 文件
* @param value: {Array} 值
*/
export function onSuccess(file, value) {
  console.log('onSuccess', file, value);
  this.utils.toast({
    title: '上传成功',
    type: 'success',
    size: 'large',
    duration: 2000,
  });
}