通过JQuery Ajax从http url下载文件

时间:2015-06-20 10:55:08

标签: javascript jquery html ajax

我有html页面输入类型文本。我想在此文本字段中的示例http://www.quicksprout.com/images/foggygoldengatebridge.jpg上粘贴网址,然后点击“下载”按钮并将此文件下载到我的计算机上。 我想用AJAX来实现这个目标。也许您知道一些可以实现从HTTP URL下载文件的AJAX插件或代码吗?

2 个答案:

答案 0 :(得分:2)

First MEthod

countries =[
             {
               name:'India',
               states:[{
                           name:'Orissa',
                           cities:[{
                                      name:'Sambalpur',
                                      zipCodes:768019768020
                                  }]
                      },{
                           name:'mumbai',
                           cities:[{
                                      name:'rea',
                                      zipCodes:324243
                                  }]
                      }]
             }
      ]

第二种方法

countries.map(function(s){
   s.states.map(function(c){
      c.cities.map(function(z){
         console.log(z.zipCodes)

      })
    })
})

答案 1 :(得分:1)

您不需要AJAX来做到这一点,也不会因为CORS限制而无法做到。而是尝试这样的事情。

HTML:

<input type="text" placeholder="URL" id="url"/>
<input type="text" placeholder="Filename" id="name"/>
<a id="download">Download Link</a>

JavaScript的:

var url = document.getElementById('url'),
    name = document.getElementById('name'),
    a = document.getElementById('download');

a.addEventListener('click', function () {
    this.setAttribute('src', url.value);
    this.setAttribute('download', name.value);
});