Custom attachment Upload address in the form

JS 动作面板 - 前端代码开放 | 钉钉宜搭·帮助中心

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

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

This case comes from Feng Peng, a three-party developer 」

1. Usage scenarios

This example describes how to customize the attachment Upload address on the YIDA form page.

2. Implement functions

2.1 Create form page

2.3 copy the following code to Page JS

Note that the following unique identifier is modified.

The main purpose is to modify the upload address of the attachment. This address can be the upload address of your own server. This allows you to upload the attachment to your own server without using the default Upload address of YIDA, the file size is unlimited.

Note that the return value of the interface must be as required.

// 当页面渲染完毕后马上调用下面的函数，这个函数是在当前页面 - 设置 - 生命周期 - 页面加载完成时中被关联的。
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,
  });
}

2.4 component binding events

3. Achieve results

4. Try it online

示例中心 | 开发者赋能平台

AI智能体时代，全新宜搭。业务创新，一搭就行。

https://www.aliwork.com/o/coc?tplUuid=TPL_QYAPUXVV431XFF8GKOLX&from=yuque_subject