记录一段【单个，批量】下载图片到本地的js处理

 var btn = document.getElementById('saveQrCodeCourseBatch');
 var str = $("#saveQrCodeCourseBatch").attr('data-taskId');
 str = str.substr(0, str.length - 1);

 var arr = str.split(','); //taskId数组
 var course_id = "{{ course.id }}";  //课程id
 var mp3arr = [];
 for(var i in arr){
     var url = "{{ path('save_qrcode')}}";
     var uid = "{{ app.user.id }}";
     var type = "task";
     var id = course_id;
     var taskId = arr[i];
     var text = "{{ path('course_qrcode_myqcodec') }}"+"?id="+course_id+"&taskId="+taskId+"&type="+type;
     mp3arr.push(url+"?text="+text+"&id="+course_id+"&taskId="+taskId+"&uid="+uid+"&type="+type);
 }
 function download(name, href) {
     var a = document.createElement("a"), //创建a标签
         e = document.createEvent("MouseEvents"); //创建鼠标事件对象
     e.initEvent("click", false, false); //初始化事件对象
     a.href = href; //设置下载地址
     a.download = name; //设置下载文件名
     a.dispatchEvent(e); //给指定的元素，执行事件click事件
 }
 //给多文件下载按钮添加点击事件
 btn.onclick = function name(params) {
     for (let index = 0; index < mp3arr.length; index++) {
         download('第' + index + '个文件', mp3arr[index]);
     }
 }

参考地址为：http://www.jq22.com/webqd4287