首页 > 其他分享 >两段相同的代码【async await】

两段相同的代码【async await】

时间:2024-10-13 23:21:27浏览次数:5  
标签:error const formData await fileObj fileInput async 两段 data

async function doSubmitFile() {
  const fileInput = document.getElementById('fileInput')
  const fileObj = fileInput.files[0]

  const formData = new FormData()
  formData.append('file', fileObj)

  try{
    const response = await _axios.post("/api/employ/upload/", formData ,{headers:{'Content-Type': 'multipart/form-data'}})
    console.log(response.data)
  }catch(error){
    ElMessage.error(`文件上传失败,${error}`)
  }
}

function doSubmitFile2() {
  const fileInput = document.getElementById('fileInput')
  const fileObj = fileInput.files[0]

  const formData = new FormData()
  formData.append('file', fileObj)

  _axios.post("/api/employ/upload/", formData, {headers: {'Content-Type': 'multipart/form-data'}}).then((res) => {
    console.log(res.data)
  }).catch((error) => {
    ElMessage.error(`文件上传失败,${error}`)
  })

}

标签:error,const,formData,await,fileObj,fileInput,async,两段,data
From: https://www.cnblogs.com/cloud-2-jane/p/18463224

相关文章

  • C# await 高级用法
    本文告诉大家await的高级用法,包括底层原理。昨天看到太子写了一段代码,我开始觉得他修改了编译器,要不然下面的代码怎么可以编译通过await"林德熙逗比";需要知道,基本可以添加await都是可以等待的类型,如Task。如果一个类需要可以被等待,那么这个类必须满足以下条件类里有一个Ge......
  • 什么是 Vue 3 的 `defineAsyncComponent`?它的用途是什么?
    什么是Vue3的defineAsyncComponent?它的用途是什么?在Vue3中,defineAsyncComponent是一个用于定义异步组件的函数。异步组件是一种特殊的组件,它们允许你在需要时才加载组件代码,而不是在应用初始化时一次性加载所有组件代码。这种方式可以提高应用的加载速度和性能,尤其......
  • 异步场景: promise、async函数与await命令介绍
    如果你也对鸿蒙开发感兴趣,加入“Harmony自习室”吧!扫描下方名片,关注公众号,公众号更新更快,同时也有更多学习资料和技术讨论群。在鸿蒙的开发中,我们时常会遇到promise异步场景,有同学反馈说希望提一下。异步开发这部分的内容比较多,我不确定这位朋友具体想讨论是哪些方面,那我从......
  • 对UVM添加超时前的打印信息+AXI低功耗接口+process的await语句+对象当成参数+sv的单例
    对UVM添加超时前的打印信息首先获取到UVM的超时值,然后手动设定\$time的比较和while延时循环,当超出时间后,打印特殊的debug信息。$time<set_time,则进行循环。uvm_cmdline_processorclp;clp=uvm_cmdline_processor::get_inst();stringtimeout_settings[$];stringtimeout......
  • `std::packaged_task`、`std::thread` 和 `std::async` 的区别与联系
    std::packaged_task、std::thread和std::async的区别与联系std::packaged_task、std::thread和std::async都是C++11中提供的并发工具,用于执行任务并处理多线程操作。虽然它们都有类似的作用(并发执行任务),但在功能和使用方式上有显著区别。下面分别解释它们的特点,并说明它......
  • async/await 函数到底要不要加 try catch ?
    前言写异步函数的时候,promise和async两种方案都非常常见,甚至同一个项目里,不同的开发人员都使用不同的习惯,不过关于两者的比较不是本文关注的重点,只总结为一句话:“async是异步编程的终极解决方案”。当使用async函数的时候,很多文章都说建议用trycatch来捕获异常,可是......
  • @Async你知道多少?
    我们都知道@Async是一个异步注解,用于在线程池异步执行任务,但是你真的了解其原理吗?先来一个demo:1)controllerpackagecom.zxh.controller;importcom.zxh.service.TestService;importorg.springframework.beans.factory.annotation.Autowired;importorg.springframework.......
  • HarmonyOs DevEco Studio小技巧24--异步编程(Promises、async/await)
    异步编程:调用后耗时,不阻塞代码继续执行,将来完成后,触发回调函数传递结果异步编程的范畴:网络请求(如使用 fetch 或 XMLHttpRequest 发送HTTP请求获取数据)。文件读写操作(读取或写入本地文件)。数据库操作(查询、插入、更新、删除数据)。定时器函数(如 setTimeout 和 setInt......
  • c# async await详解
    asyncawait传染性async/await具有传染性其实指的是你需要把异步函数的结果包装在Task类型当中。之所以c#要加async的主要原因是之前的await不是关键字,老代码可能会把await作为变量名,为了兼容性才加了async明确标识函数是continuation。await不能省略,在语义上有违直觉,为什么T......
  • Don't Block on Async Code 不要阻止异步代码
    翻译自 Don'tBlockonAsyncCode(stephencleary.com)ThisisaproblemthatisbroughtuprepeatedlyontheforumsandStackOverflow.Ithinkit’sthemost-askedquestionbyasyncnewcomersoncethey’velearnedthebasics.这是论坛和StackOverflow上反复......