oss文件上传实现纯前端上传下载

本文介绍了如何在不占用服务器资源的情况下,利用WebUploader组件实现在阿里云OSS上的文件上传,以此提升上传和下载速度。详细讲解了前端与后台交互获取上传秘钥的流程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

oss文件上传实现纯前端上传

优点:不占用服务器资源,大幅度提升上传下载速度
话不多说!直接码上!

oss上传
*前端:*WebUploader上传组件
与后台交互获取oss上传相关秘钥并上传

$scope.uploader = uploader = WebUploader.create({
   
   
 // 自动上传。
 auto : true,
 // swf文件路径
 swf : 'webuploader/Uploader.swf',
 // 文件接收服务端。
  server : 'http://XXX.oss-cn-XXXX.aliyuncs.com',
 // 选择文件的按钮。可选。
 accept: {
   
   
  extensions: "pdf",
  mimeTypes: ".pdf"
 },
 // 内部根据当前运行是创建,可能是input元素,也可能是flash.
 pick : '#picker',
 // 不压缩image, 默认如果是jpeg,文件上传前会压缩一把再上传!
 resize : false
});

uploader.on('uploadBeforeSend', function (file, data, headers) {
   
   
   $.ajax({
   
   
    type : "POST",
    url : __ctx + 'getA',
    timeout : 10000,
    dataType
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值