上传七牛云400错误:file is not specified in multipart

在这里插入图片描述

解决

上传框name属性值要为file才行,uploaddify的设置里有一个’fileObjName’,默认是’FileData’,七牛要求这个字段是file,不能改为其它!

<input name="file" class="layui-upload-file" type="file" accept="video/mp4,video/quicktime,video/mpeg,video/x-matroska,video/3gpp">
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
以下是使用若依(RuoYi)框架、Vue.js和element-ui实现图片上传七牛云的步骤: 1. 首先,确保你已经安装了若依(RuoYi)框架,并且已经配置好了七牛云的相关信息。 2. 在Vue组件中引入element-ui的el-upload组件,并设置相关属性和事件监听。 3. 在el-upload组件的before-upload事件中,编写上传文件到七牛云的逻辑。 4. 在上传文件的逻辑中,首先需要引入七牛云的JS SDK,并初始化相关配置。 5. 在上传文件的逻辑中,使用七牛云的API将文件上传七牛云。 6. 在上传成功后,可以根据需要进行一些操作,例如更新页面上的附件列表等。 下面是一个示例代码,演示了如何使用若依、Vue.js和element-ui实现图片上传七牛云的功能: ```vue <template> <div> <el-upload class="upload-demo" action="/api/upload" :before-upload="beforeUpload" :on-success="onSuccess" :on-error="onError" :file-list="fileList" :auto-upload="false" :limit="3" :on-exceed="handleExceed" :on-remove="handleRemove" > <el-button size="small" type="primary">点击上传</el-button> <div slot="tip" class="el-upload__tip">只能上传jpg/png文件,且不超过500kb</div> </el-upload> </div> </template> <script> export default { data() { return { fileList: [] }; }, methods: { beforeUpload(file) { const isJPG = file.type === 'image/jpeg' || file.type === 'image/png'; const isLt500K = file.size / 1024 < 500; if (!isJPG) { this.$message.error('只能上传jpg/png文件'); } if (!isLt500K) { this.$message.error('文件大小不能超过500kb'); } return isJPG && isLt500K; }, onSuccess(response, file, fileList) { // 上传成功后的操作,例如更新附件列表等 this.fileList = fileList; }, onError(error, file, fileList) { // 上传失败后的操作 this.$message.error('上传失败'); }, handleExceed(files, fileList) { this.$message.warning('只能上传3个文件'); }, handleRemove(file, fileList) { // 删除文件后的操作 this.fileList = fileList; } } }; </script> ``` 请注意,上述代码中的`/api/upload`是上传文件的接口地址,你需要根据实际情况进行修改。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

江拥羡橙

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值