未显示图像的内容

Question

我有一个图像的Blob，我需要在浏览器中显示。下面提供的代码打开图像，但在窗口上显示一些普通话脚本。

代码：

var url="http://....link..../downloadFile?fdsFileId="+fileId;
    $http({
        method: 'GET',
        url: url,
        responseType: 'arraybuffer'
    }).success(function (data, status, headers) {
        headers = headers();
        var contentType = headers['content-type'];
        var blob = new Blob([data], { type: contentType });
        var fileURL = window.URL.createObjectURL(blob);
        console.log("url:"+fileURL);
        console.log("content type:"+contentType);
        window.open(fileURL);
        window.URL.revokeObjectURL(fileURL);

显示的图像如下： fileURL在浏览器中提供。

Answer 1

为png图像设置content-type : 'image/png'，也为其他文件设置content-type : ''。 对于所有文件支持，请设置content-type : '' 希望它有所帮助。

EDIT1： 设置-Domain [1] - Project [1] - Project [2] - Project [3] 在Chrome中无效。因此，我必须从相应的文件名中提取文件扩展名，然后使用if-else。

设置内容类型