var downBtn = $("#download");? ? ? ? var imgCanvas = $("#getCroppedCanvasModal .modal-dialog .modal-content .modal-body canvas")[0];? ? ? ? downBtn.on('click',function(){? ? ? ? ? // 圖片導出為 png 格式? ? ? ? ? var type = 'png';? ? ? ? ? var imgData = imgCanvas.toDataURL(type);? ? ? ? ? /**? ? ? ? ?* 獲取mimeType? ? ? ? ?* @param ?{String} type the old mime-type? ? ? ? ?* @return the new mime-type? ? ? ? ?*/? ? ? ? ? var _fixType = function(type) {? ? ? ? ? ? ? type = type.toLowerCase().replace(/jpg/i, 'jpeg');? ? ? ? ? ? ? var r = type.match(/png|jpeg|bmp|gif/)[0];? ? ? ? ? ? ? return 'image/' + r;? ? ? ? ? };? ? ? ? ? // 加工image data，替換mime type? ? ? ? imgData = imgData.replace(_fixType(type),'image/octet-stream');? ? ? ? /**? ? ? ? ?* 在本地進行文件保存? ? ? ? ?* @param ?{String} data ? ? 要保存到本地的圖片數據? ? ? ? ?* @param ?{String} filename 文件名? ? ? ? ?*/? ? ? ? ? var saveFile = function(data, filename){? ? ? ? ? ? ? var save_link = document.createElement('a');? ? ? ? ? ? ? save_link.href = data;? ? ? ? ? ? ? save_link.download = filename;? ? ? ? ? ? ?? ? ? ? ? ? ? var event = document.createEvent('MouseEvents');? ? ? ? ? ? ? event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);? ? ? ? ? ? ? save_link.dispatchEvent(event);? ? ? ? ? };? ? ? ? ? // 下載后的問題名? ? ? ? ? var filename = 'lz_' + (new Date()).getTime() + '.' + type;? ? ? ? ? // download? ? ? ? ? saveFile(imgData,filename);