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

原创

于 2020-04-28 14:22:54 发布 · 2.9k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#js #java #阿里云 #upload #download

本文介绍如何实现纯前端的阿里云OSS文件上传和下载，利用这种方式可以避免服务器资源占用，提高上传下载效率。文章提供前端下载文件并改名的示例代码，并提示后台获取OSS下载URL的参考链接。

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

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

优点：不占用服务器资源，大幅度提升上传下载速度
话不多说！直接码上！
oss下载
前端
下载文件并修改文件名

$scope.downLoadFile = function(file) {
   
   
 $http({
   
   
  method: 'GET',
  url: __ctx + 'getDA?flId=' + file.id,
 }).then(function successCallback(response) {
   
   
  // 请求成功执行代码
  var downloadUrl = response.data.downloadUrl;
  var fileName = response.data.fileName;
  download(downloadUrl,fileName,file);
 }, function errorCallback(response) {
   
   
  // 请求失败执行代码
  alert("ajax error");
  $scope.$apply(function() {
   
   
   toastr.error("下载失败");
  });
 });
};
 /**
 * 下载文件
 */
function download(url, filename,file) {
   
   
 getBlob(url,file).then(blob => {