javascript - 如何下载输入类型文件的内容/图像/数据？

Question

我想知道如何下载输入类型文件中的数据/内容/图像

注意:不必提交。只需通过按钮直接下载，他就可以下载输入类型文件的内容

我该怎么做？

示例代码

$(".downloadupinvoice").click(function(){
   var file = document.getElementById('id-input-file-2').files[0];

   //Put some code here to produce a file ?
   window.location=window.URL.createObjectURL(file);
})

我似乎无法预览该文件，但它没有下载，而且我在地址栏中注意到它显示如下

blob:69c7ee1a-ba44-4234-9216-68b3c86b9c96

Answer 1

终于明白了。

$(".downloadupaddinvoice").click(function(){
        var filename = $('#id-input-file-2').val();

        if (filename == "" || filename == null) {
            alert('Error');
        }else {
            var file = document.getElementById('id-input-file-2').files[0];      
            var filename = document.getElementById('id-input-file-2').files[0].name;      
            var blob = new Blob([file]);
            var url  = URL.createObjectURL(blob);

            $(this).attr({ 'download': filename, 'href': url});  
            filename = "";
        }

    })   

这是 anchor 标记所在的位置:)

<a class="help-button col-sm-4 downloadupaddinvoice"  title="Download uploaded invoice" download><i class="icon-download-alt"></i></a>

希望对以后有帮助..