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);
})

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

团块：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 = "";
        }

    })

这是锚标记的位置：）

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

希望将来可能会有所帮助..

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

1 个答案: