Vue+Element项目从前端实现OSS分片上传

最新推荐文章于 2024-07-29 23:56:27 发布

春风得意的风

最新推荐文章于 2024-07-29 23:56:27 发布

阅读量1.1k

点赞数

本文链接：https://blog.csdn.net/qq_42242976/article/details/119148002

版权

本文介绍如何在Vue+Element项目中实现阿里云OSS的分片上传功能。首先，需要下载ali-oss库并在组件的script部分进行引入。接着，自定义上传函数并与OSS进行连接。在上传前可以设置回调，根据具体需求对上传内容的类型进行限制。同时，文章还提及了OSS文件的下载方法。

摘要由CSDN通过智能技术生成

首先下载ali-oss

npm i ali-oss

在组件script中引入

const OSS = require("ali-oss");

<div class="mask" v-show="uploadMask">
			<div class="delBox">
				<div class="delBoxHead">
					<p>{
  { uploadTitle }}</p>
				</div>
				<div class="delBoxContent">
					<div class="upload">
						<el-upload class="upload-demo" :on-remove="onRemove" :show-file-list="false"
							:file-list="fileList" :before-upload="changeHandel" :limit="limitNum"
							:http-request="fnUploadRequest" drag ac