Aura组件上的自定义文件上传-上传延迟
创始人
2024-09-22 07:00:39
0
  1. 在Aura组件中使用lightning:input和onchange事件进行文件上传,然后在后台控制器中处理文件。

Aura组件中的代码:

控制器中的代码:

handleFileUpload: function(component, event, helper) { var fileInput = component.find("fileInput").getElement(); var file = fileInput.files[0]; var fileName = file.name; var reader = new FileReader(); reader.onload = function () { var fileContents = reader.result; var action = component.get("c.uploadFile"); action.setParams({ fileName: fileName, fileContents: encodeURIComponent(fileContents) }); action.setCallback(this, function(response) { var state = response.getState(); if (state === "SUCCESS") { // handle success } else if (state === "ERROR") { // handle error } }); $A.enqueueAction(action); }; reader.readAsDataURL(file); }

控制器中的uploadFile方法用于将文件保存到服务器或将其插入到记录中。

  1. 在Aura组件中使用jQuery File Upload插件进行文件上传,该插件可以自动处理文件上传的延迟。

需要将jQuery File Upload的相关文件下载到静态资源中,并在需要上传文件的Aura组件中添加以下代码: