前端使用浏览器下载和弹出预览图片

下载图片：

如果同一链接（不跨域）可以使用：

 window.location.href=''图片地址'';

 

不同链接：

var x=new XMLHttpRequest();
        x.open("GET", img, true);
        x.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
        x.responseType = 'blob';
        x.onload=function(){
            var url = window.URL.createObjectURL(x.response)
            var a = document.createElement('a');
            a.href = url
            a.download =  no+'.jpg'
            a.click()
        }
        x.send();

使用原生窗口打开一个图片，弹窗居中

 let vm =this;
      var iWidth =600;                          //弹出窗口的宽度;
      var iHeight=800;                        //弹出窗口的高度;
      var iTop = (window.screen.availHeight-30-iHeight)/2;       //获得窗口的垂直位置;
      var iLeft = (window.screen.availWidth-10-iWidth)/2;           //获得窗口的水平位置;
      window.open(网址+'?'&Authorization=Bearer '+vm.localUser, "channelmode=yes",'width='+iWidth+',height='+iHeight+',top='+iTop+',left='+iLeft+'');

http://danml.com/download.html