当前位置: 网站首页>小程序开发>网站制作

固始网站优化【固始开通400电话】固始网站搭建、固始微信公众号推文外包、固始开通京东拼多多设计、固始淘宝装修

发表日期: 2021-05-10 14:36:04 浏览次数:90

固始网站优化【固始开通400电话】固始网站搭建、固始微信公众号推文外包、固始开通京东拼多多设计、固始淘宝装修

网站建设.jpg

固始县,河南省直管县,信阳市代管 [1]  。位于河南省东南端,豫皖两省交界处,南依大别山,北临淮河,总面积2946平方千米。截至2018年,固始县下辖3个街道、19个镇、11个乡 [2]  ,常住人口109.65万人。

因历史上有四次大规模人口南迁,固始县成为中原地区向闽台一带移民的肇始地和集中地,有“唐人故里,闽台祖地”和“中原第一侨乡”之称 [3]  。唐初“开漳圣王”陈元光、唐末“闽王”王审知、民族英雄郑成功、靖海侯施琅、爱国华侨陈嘉庚等先贤名人的祖籍地均为固始。是河南省确定的五个加快发展的区域性中心城市和十个省直管体制改革试点县之一。 [4]  2019年5月9日,经河南省级专项评估检查,固始县达到脱贫摘帽标准,正式退出贫困县序列。 [5] 

2018年,固始县地区生产总值(GDP)350.42亿元,其中,第一产业增加值73.89亿元,第二产业增加值109.43亿元,第三产业增加值167.10亿元,三次产业结构为:21.1:31.2:47.7。 [6] 


前言

之前文章有写过图片下载,同域名图片,只要添加download就可以下载下来,但是download在跨域图片中不起作用,因此,可以用canvas方式或者xhr方式下载。但是呢,通过canvas或者xhr下载下来的图片,在win10上面,可能会变成怪异的JFIF,这个如何解决呢?

解决方案

推荐使用file-saver 这个库

npm install file-saver --save

import { saveAs } from 'file-saver'

 saveAs("https://www.haorooms.com/upload/image.jpg", "haorooms.jpg");

这样就可以了,超级简单。

通过zip包下载多个img图片

首先,我们需要jszip 这个库

下载多个在线img图片地址并打包成zip的方法如下:

  let zip = new JSZip()
  var myFile = zip.folder()
  let promiseAllData =[]
  res.data.forEach(imglist=>{// res.data是图片对象数组[{id,width,height,preview_url:'https://www.haorooms.com/1.jpg'}]这样的格式
    (function(n) {
        promiseAllData.push(loadAsArrayBuffer(n.preview_url).then(buffer=>{
          myFile.file(`${n.id}-${n.width}*${n.height}.${checkAllimageType=='JPG'?'jpg':'png'}`,buffer)//checkAllimageType是JPG/PNG
        })) 

  })(imglist)
  })
  Promise.all(promiseAllData).then(result=>{
     zip.generateAsync({type:'blob'}).then((content)=> {
       saveAs(content, `批量制图-${new Date().getTime()}.zip`)
     })
  })

//loadAsArrayBuffer 这个方法是图片下载的promise封装方法

export function loadAsArrayBuffer(url) {
  return new Promise((resolve,reject)=>{
    var xhr = new XMLHttpRequest();
    xhr.open("GET", url);
    xhr.responseType = "arraybuffer";
    xhr.onerror = function() {/* handle errors*/};
    xhr.onload = function() {
      if (xhr.status === 200) {
        resolve(xhr.response)}
      else {
        reject({})
      }
    }
    xhr.send();
  })}

小结

上面就是跨域图片下载JFIF格式解决方案及前端zip包下载,相关代码。


固始网站优化固始开通400电话固始网站搭建、固始微信公众号推文外包、固始开通京东拼多多设计、固始淘宝装修

400-111-6878
服务热线
顶部

备案号: 苏ICP备11067224号

CopyRight © 2011 书生商友信息科技 All Right Reserved

24小时服务热线:400-111-6878   E-MAIL:1120768800@qq.com   QQ:1120768800

  网址: http://www.768800.com  网站建设上往建站

关键词: 网站建设| 域名邮箱| 服务器空间| 网站推广| 上往建站| 网站制作| 网站设计| 域名注册| 网络营销| 网站维护|

企业邮箱| 虚拟主机| 网络建站| 网站服务| 网页设计| 网店美工设计| 网站定制| 企业建站| 网站设计制作| 网页制作公司|

400电话办理| 书生商友软件| 葬花网| 调温纤维| 海洋馆运营维护| 北京保安公司| 殡仪馆服务| 殡葬服务| 苏州殡葬一条龙| 朝阳殡葬| 苏州殡葬服务|

预约专家

欢迎您免费咨询,请填写以下信息,我们收到后会尽快与您联系

  

服务热线:400-111-6878