下载输入文件时出错

时间:2016-07-15 10:11:42

标签: javascript jquery html5

我已经从计算机上写了一个html代码上传任意随机文件。我想下载用户使用jQuery / javascript选择的相同文件。我写了以下代码来做同样的事情。

<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
            $('input[type="file"]').change(function(e){
                var fileName = e.target.files[0].name;
                $("#file").attr("href", fileName);
                });
        });
     </script>
</head>
<body>
    <input id="file1" type="file" id="photo" name="photo" value="No file chosen"><br><br>
    <a id="file" href="" download>download</a>
</body>
</html>

但是我在下载文件时没有收到错误。我该怎么做?

1 个答案:

答案 0 :(得分:0)

我尝试过以下代码,它有效:

HTML:

<input id="file1" type="file" id="photo" name="photo" value="No file chosen"><br><br>
        <a id="file" href="" download>download</a>

Script

<script>
    $(document).ready(function(){
        $('input[type="file"]').change(function(e){
            var tmppath = URL.createObjectURL(e.target.files[0]);
            //alert(tmppath);
            $("#file").attr("href", tmppath);
         });
    });
</script>

请在此处找到小提琴:Click here

希望它可以帮助你..

快乐编码.. :)