我有一个存储在 Azure blob 存储中的 blob(使用开发模拟器)。
它全部保存,我可以在 blob 存储的服务器资源管理器中看到它(如果重要,文件.mp3)。
然后我在我的网站中链接到它,但是当我点击链接时,我得到了 206(部分内容)(显然没有文件)。如果我右键单击另存为一切都很开心并且文件下载。
我敢肯定这是我想念的东西,但我看不到它。
我有一个存储在 Azure blob 存储中的 blob(使用开发模拟器)。
它全部保存,我可以在 blob 存储的服务器资源管理器中看到它(如果重要,文件.mp3)。
然后我在我的网站中链接到它,但是当我点击链接时,我得到了 206(部分内容)(显然没有文件)。如果我右键单击另存为一切都很开心并且文件下载。
我敢肯定这是我想念的东西,但我看不到它。
这是因为,浏览器不会下载整个媒体文件,浏览器会请求 Blob 存储正确响应的范围,其中包含一个字节和标头。这称为 HTTP 流式传输,其中部分文件将在一定范围内下载并逐步播放。在这种流媒体形式中,您可以跳过部分文件并转到结尾以播放媒体的结尾部分,而无需下载整个文件。
假设您正在观看一部大电影,而该电影大小为 100 MB。如果您想观看最后一分钟,您可以将播放器的跟踪器在时间线上向前移动,浏览器只会根据媒体文件中的时间线结构下载最后几兆字节。通常 MP4 和类似的媒体容器支持文件字节位置跟踪。
如果可能,浏览器和大多数媒体播放器会尝试流式传输媒体文件。
您可以尝试以下下载属性,参考:http ://updates.html5rocks.com/2011/08/Downloading-resources-in-HTML5-a-download
<a href="http://www.google.com/.../logo2w.png" download="MyGoogleLogo">download me</a>
您可以尝试以下代码,来自此答案,参考:Chrome 扩展:如何在磁盘上保存文件
var url = window.webkitURL || window.URL || window.mozURL || window.msURL;
var a = document.createElement('a');
a.download = 'MyHangouts-MomentCapture.jpg';
a.href = url.createObjectURL(dataURIToBlob(data.active, 'jpg'));
a.textContent = 'Click here to download!';
a.dataset.downloadurl = ['jpg', a.download, a.href].join(':');
/**
* Converts the Data Image URI to a Blob.
*
* @param {string} dataURI base64 data image URI.
* @param {string} mimetype the image mimetype.
*/
var dataURIToBlob = function(dataURI, mimetype) {
var BASE64_MARKER = ';base64,';
var base64Index = dataURI.indexOf(BASE64_MARKER) + BASE64_MARKER.length;
var base64 = dataURI.substring(base64Index);
var raw = window.atob(base64);
var rawLength = raw.length;
var uInt8Array = new Uint8Array(rawLength);
for (var i = 0; i < rawLength; ++i) {
uInt8Array[i] = raw.charCodeAt(i);
}
var bb = new this.BlobBuilder();
bb.append(uInt8Array.buffer);
return bb.getBlob(mimetype);
};