如何下载 zip 文件
how to download a zip file
我正在尝试从我的网络 api 控制器下载一个 zip 文件。它正在返回文件,但我在尝试打开时收到一条消息,压缩文件无效。我看过其他关于此的帖子,回复是添加 responseType:'arraybuffer'。仍然不适合我。我也没有在控制台中收到任何错误。
var model = $scope.selection;
var res = $http.post('/api/apiZipPipeLine/', model)
res.success(function (response, status, headers, config) {
saveAs(new Blob([response], { type: "application/octet-stream", responseType: 'arraybuffer' }), 'reports.zip');
notificationFactory.success();
});
api 控制器
[HttpPost]
[ActionName("ZipFileAction")]
public HttpResponseMessage ZipFiles([FromBody]int[] id)
{
if (id == null)
{//Required IDs were not provided
throw new HttpResponseException(new HttpResponseMessage(HttpStatusCode.BadRequest));
}
List<Document> documents = new List<Document>();
using (var context = new ApplicationDbContext())
{
foreach (int NextDocument in id)
{
Document document = context.Documents.Find(NextDocument);
if (document == null)
{
throw new HttpResponseException(new HttpResponseMessage(HttpStatusCode.NotFound));
}
documents.Add(document);
}
var streamContent = new PushStreamContent((outputStream, httpContext, transportContent) =>
{
try
{
using (var zipFile = new ZipFile())
{
foreach (var d in documents)
{
var dt = d.DocumentDate.ToString("y").Replace('/', '-').Replace(':', '-');
string fileName = String.Format("{0}-{1}-{2}.pdf", dt, d.PipeName, d.LocationAb);
zipFile.AddEntry(fileName, d.DocumentUrl);
}
zipFile.Save(outputStream); //Null Reference Exception
}
}
finally
{
outputStream.Close();
}
});
streamContent.Headers.ContentType = new MediaTypeHeaderValue("application/octet-stream");
streamContent.Headers.ContentDisposition = new ContentDispositionHeaderValue("attachment");
streamContent.Headers.ContentDisposition.FileName = "reports.zip";
var response = new HttpResponseMessage(HttpStatusCode.OK)
{
Content = streamContent
};
return response;
}
}
更新
我认为你在错误的地方设置了 responseType,而不是这个:
$http.post('/api/apiZipPipeLine/', model)
试试这个:
$http.post('/api/apiZipPipeLine/', model, {responseType:'arraybuffer'})
查看 this answer 了解更多详情。
事实上你添加 responseType:'arraybuffer'
是对的。当收到来自ajax的响应时添加到以下代码将提示下载文件:
var a = document.createElement('a');
var blob = new Blob([responseData], {'type':"application/octet-stream"});
a.href = URL.createObjectURL(blob);
a.download = "filename.zip";
a.click();
下面的代码可以很好地下载 zip 文件,
控制器
$scope.downloadExport = function (id,filename,frmdata) {
frmdata = {};
var data = tdioServices.downloadexport(id,filename,frmdata);
data.success(function(success) {
var blob = new Blob([success], { type:"arraybuffer" });
var downloadLink = angular.element('<a></a>');
downloadLink.attr('href',window.URL.createObjectURL(blob));
downloadLink.attr('download', filename);
downloadLink[0].click();
$COMMON_ACCEPT = "Download Successfully";
$COMMON_ACCEPT_TEXT = "Success";
toastr.success($COMMON_ACCEPT, $COMMON_ACCEPT_TEXT);
});
};
服务
this.downloadexport = function(id,filename,frmdata){
var request = $http({method:'get', url:APP_URL+'/exports/'+id+'/download/'+filename, data:frmdata,responseType:'arraybuffer'});
return request;
}
我正在尝试从我的网络 api 控制器下载一个 zip 文件。它正在返回文件,但我在尝试打开时收到一条消息,压缩文件无效。我看过其他关于此的帖子,回复是添加 responseType:'arraybuffer'。仍然不适合我。我也没有在控制台中收到任何错误。
var model = $scope.selection;
var res = $http.post('/api/apiZipPipeLine/', model)
res.success(function (response, status, headers, config) {
saveAs(new Blob([response], { type: "application/octet-stream", responseType: 'arraybuffer' }), 'reports.zip');
notificationFactory.success();
});
api 控制器
[HttpPost]
[ActionName("ZipFileAction")]
public HttpResponseMessage ZipFiles([FromBody]int[] id)
{
if (id == null)
{//Required IDs were not provided
throw new HttpResponseException(new HttpResponseMessage(HttpStatusCode.BadRequest));
}
List<Document> documents = new List<Document>();
using (var context = new ApplicationDbContext())
{
foreach (int NextDocument in id)
{
Document document = context.Documents.Find(NextDocument);
if (document == null)
{
throw new HttpResponseException(new HttpResponseMessage(HttpStatusCode.NotFound));
}
documents.Add(document);
}
var streamContent = new PushStreamContent((outputStream, httpContext, transportContent) =>
{
try
{
using (var zipFile = new ZipFile())
{
foreach (var d in documents)
{
var dt = d.DocumentDate.ToString("y").Replace('/', '-').Replace(':', '-');
string fileName = String.Format("{0}-{1}-{2}.pdf", dt, d.PipeName, d.LocationAb);
zipFile.AddEntry(fileName, d.DocumentUrl);
}
zipFile.Save(outputStream); //Null Reference Exception
}
}
finally
{
outputStream.Close();
}
});
streamContent.Headers.ContentType = new MediaTypeHeaderValue("application/octet-stream");
streamContent.Headers.ContentDisposition = new ContentDispositionHeaderValue("attachment");
streamContent.Headers.ContentDisposition.FileName = "reports.zip";
var response = new HttpResponseMessage(HttpStatusCode.OK)
{
Content = streamContent
};
return response;
}
}
更新
我认为你在错误的地方设置了 responseType,而不是这个:
$http.post('/api/apiZipPipeLine/', model)
试试这个:
$http.post('/api/apiZipPipeLine/', model, {responseType:'arraybuffer'})
查看 this answer 了解更多详情。
事实上你添加 responseType:'arraybuffer'
是对的。当收到来自ajax的响应时添加到以下代码将提示下载文件:
var a = document.createElement('a');
var blob = new Blob([responseData], {'type':"application/octet-stream"});
a.href = URL.createObjectURL(blob);
a.download = "filename.zip";
a.click();
下面的代码可以很好地下载 zip 文件,
控制器
$scope.downloadExport = function (id,filename,frmdata) {
frmdata = {};
var data = tdioServices.downloadexport(id,filename,frmdata);
data.success(function(success) {
var blob = new Blob([success], { type:"arraybuffer" });
var downloadLink = angular.element('<a></a>');
downloadLink.attr('href',window.URL.createObjectURL(blob));
downloadLink.attr('download', filename);
downloadLink[0].click();
$COMMON_ACCEPT = "Download Successfully";
$COMMON_ACCEPT_TEXT = "Success";
toastr.success($COMMON_ACCEPT, $COMMON_ACCEPT_TEXT);
});
};
服务
this.downloadexport = function(id,filename,frmdata){
var request = $http({method:'get', url:APP_URL+'/exports/'+id+'/download/'+filename, data:frmdata,responseType:'arraybuffer'});
return request;
}