記錄一段【單個,批量】下載圖片到本地的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

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章