微信小程序使用阿里云oss设置上传文件的content-type

这篇具有很好参考价值的文章主要介绍了微信小程序使用阿里云oss设置上传文件的content-type。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

图片文件上传到阿里云oss的默认访问content-type是jpge,这个格式在浏览器不能直接打开,需要手动设置上传的content-type

参考链接

UploadTask wx.uploadFile(Object object)

OSS调用PostObject用于通过HTML表单上传的方式将文件(Object)上传到指定存储空间(Bucket)。

阿里OSS 上传图片 springboot整合阿里云OSS做服务端签名让微信小程序文件直传OSS文章来源地址https://www.toymoban.com/news/detail-521667.html

 wx.uploadFile({
              filePath: tempFilePaths,
              name: 'file',
              url: host,
              formData:{
                name:tempFilePaths, //上传本地的文件路径
                key:dir+'/test/minijpgtest.png', // 上传的oss服务器路径
                policy:policy, //上传策略
                OSSAccessKeyId:ossAccessKeyId, //ossAccessKeyId
                success_action_status: "200",
                signature:signature,//签名
                'x-oss-content-type':'image/jpg' //设置上传的content-type
              },

到了这里,关于微信小程序使用阿里云oss设置上传文件的content-type的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 阿里云OSS-小程序文件直传(支持微信小程序、H5、PC端web使用)

    支持微信小程序、H5、PC端web使用,整套文件进行封装统一使用 开发背景:做类似发布朋友圈的功能需求,由于后端对发布功能只提供一个接口,文字、状态、文件上传统一一个接口上传,且对文件上传方面做的接口存在诸多问题(人已经整麻了),包括各种数据结构的转换

    2024年02月07日
    浏览(42)
  • uniapp 上传静态资源-- 微信小程序跟QQ小程序上传静态资源到阿里的对象存储 OSS

    这两天有个需求,要微信小程序跟QQ小程序通过阿里的OSS储存,存放静态资源,遇到了挺多问题,记录一下~~~ 文档:此处 其实这个是被误导了,也怪自己没有仔细看文档,不该有这一步,但是做了就记录一下,正好多了解nodejs环境与浏览器环境 API的差别。 服务器直传里面的

    2024年02月09日
    浏览(48)
  • 前端阿里云OSS直传,微信小程序版本

    网络上许多的文章资料,全是使用阿里云官方的SDK,ali-oss插件去做直传。可是各位素未谋面的朋友要注意,这个 SDK它支持web环境 使用,也就是 PC端浏览器 。 当 项目环境 切换到 微信小程序 ,是无法使用这种方式的,当然官方也有给出微信小程序直传的文档,继续往下看。

    2024年02月07日
    浏览(47)
  • java使用阿里云OSS实现文件上传到云盘

    一、进入阿里云官网的OSS管理控制台并注册账号 阿里云登录 - 欢迎登录阿里云,安全稳定的云计算服务平台 欢迎登录阿里云,全球领先的云计算及人工智能科技公司,阿里云为200多个国家和地区的企业、开发者和政府机构提供云计算基础服务及解决方案。阿里云云计算、安

    2024年01月17日
    浏览(56)
  • 微信小程序录音直传阿里云OSS并语音识别

    如题:做一个录音文字识别功能,知识点有三个,分别是微信小程序的录音功能、录音文件直传阿里云OSS、使用阿里云的录音文件识别接口返回识别后的文字 官方文档:微信小程序全局唯一的录音管理器 RecorderManager wxml: js:需要注意的是,点击开始录音时要判断当前是否获

    2024年02月10日
    浏览(57)
  • 微信小程序纯前端从阿里云OSS下载json数据-完整版

    因为云开发开始收费(貌似很久了),准备改造在以前的小程序,数据转到oss上,小程序使用原生,不算专业领域, 所以先百度.... 网上的教程真的是千篇一律,大部分开局就是require(\\\'ali-oss\\\'); 好点的npm install ali-oss --save开局,拼凑操作到最后发现 要用云开发,因为云开发才

    2024年02月12日
    浏览(44)
  • 【uniapp】微信小程序,取视频第一帧,前提是 图片是在 阿里云的oss上

    上传视频等,默认为黑色,无法用视频的第一帧作为封面,以及视频的video为原生组件,层级很高无法覆盖问题,虽然有cover-view,但很多场景还是不灵活 自己服务器是不支持的 ,可以用canvas截图 方法 ,将 图片组件image 替换成 视频video 组件 视频组件video 重点 将video组件更换

    2024年02月08日
    浏览(45)
  • 微信小程序使用webview实现文件上传功能

    项目开发了一个批示单的功能,用户填写批示单信息要上传正文及附件(多文件上传,有需要可在文章末尾查看),上传文件功能原调用的是uni.chooseMessageFile方法选择聊天记录中文件。 问题:用户在电脑端打开小程序后发现选择文件按钮点击无反应。 百度后发现此方法电脑

    2024年03月14日
    浏览(63)
  • 阿里云OSS文件上传

    需求分析:实现文件上传与下载 ,与SprinCloud Alibaba整合 步骤一:注册帐号 阿里云登录 - 欢迎登录阿里云,安全稳定的云计算服务平台  第二步:创建Bucket  第三步,创建Accesskey  注意:创建时候一定记得复制帐号密码,密码只在创建成功后显示一次! 第四步:安装对象存储

    2024年01月24日
    浏览(57)
  • 阿里云OSS存储图片在上传的时候设置过期时间

    第一种方法:在上传文件时设置过期时间 在使用 putObject 方法上传文件时,可以通过设置 x-oss-expires 和 x-oss-delete-after 头部来设定文件的过期时间。 以下是示例代码: 上述代码中,我们在 headers 中添加了 x-oss-expires 和 x-oss-delete-after 头部来设定文件的过期时间,其中 x-oss-ex

    2024年02月07日
    浏览(55)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包