在JQuery中,如何从url获取图像元素?

例如,

<input type="file" id="fileInput"/>
var fileInput = document.getElementById('fileInput');

这是通过html5中的文件选择器完成的。 但是,我如何仅从URL获取图像?

我的要求是从url获取图像。

    var fileInput = document.getElementById('fileInput');  //instead of this how could i get element from url
    var fileDisplayArea = document.getElementById('fileDisplayArea');


    fileInput.addEventListener('change', function(e) {
        var file = fileInput.files[0];
        var imageType = /image.*/;

        if (file.type.match(imageType)) {
            var reader = new FileReader();

            //save to file api  
        } else {
            fileDisplayArea.innerHTML = "File not supported!";
        }
    });

请帮忙,谢谢

#1楼 票数:0

那样做:

var fileInput = document.getElementById('fileInput'); //而不是此方法,我如何从url中获取元素var fileDisplayArea = document.getElementById('fileDisplayArea');

fileInput.addEventListener('change', function(e) {
    var file = fileInput.files[0];
    var imageType = /image.*/;

    if (file.type.match(imageType)) {
        var reader = new FileReader();

        reader.onload = (function(file){
                           return function(e){
                                    // do something
                                  }
                        })(file) 
       reader.readAsDataURL(file):
    } else {
        fileDisplayArea.innerHTML = "File not supported!";
    }
});

使用File API以JavaScript读取文件

  ask by Erma Isabel translate from so

未解决问题?本站智能推荐:

3回复

我在jQuery事件处理和隐藏/显示图像元素时做错了什么?[关闭]

我正在http://icon.stornge.com上的一个画廊工作,其中的目的是让用户点击主页上的链接,然后有第一个图像显示,然后当用户点击时图像,下一个限制加载,依此类推,直到最后一个图像。 相反的是,第一次点击加载图像,首先是一个条子,然后是整个图像(这是jQuery.load('sl
1回复

如何获取在html5画布上绘制的任何图像元素(可调整大小/可拖动)的位置(坐标)?

目前,我正在onclick在该图像上的html5画布上绘制该图像。 绘制该图像的代码如下: 这是给定的脚本功能: 我为此使用了dynamic-v4.4.0.min.js( http://d3lp1msu2r81bx.cloudfront.net/kjs/js/lib/kinetic-v
1回复

如何使用javascript设置SVG图像元素的数据?

我使用Kendo的.exportSVG()导出图表,然后使用该导出的字符串构建新的SVG。 如何使用导出的数据创建SVG? 我有以下 但是如何设置数据? 导出的字符串如下所示开始(由于很长所以将其截断) 数据:图像/ SVG + xml的; BASE64,PD94bWwgdmV
1回复

如何通过拖放获取图像的URL

我想使用php将映像复制到我的服务器,这很容易。 但是有没有一种方法可以通过使用Jquery拖放来获取要复制的url,以便用户可以简单地将图像拖放到框中然后提交表单。 谢谢伊恩
2回复

jQuery如何获取元素

我下面有这段代码,我想检查每个输入(class =“ Comment-modal-input”)是否不为空-获取其最接近的元素(class =“ svg-icon”),该元素在层次结构中较高并添加它分类为“活动”。 这是我想做的jQuery: 有什么帮助吗?
3回复

如何通过jquery获取canvas元素?

目前我正在使用html5画布,简单的代码如下: canvas元素只能由方法document.getElementById选取,但jQuery方法不起作用。 有没有办法从jquery对象获取原始的html或我错过了使用的东西? 提前致谢!
2回复

使用jQuery获取姐妹元素

有没有办法从当前的姊妹元素中获取下一个元素? 对不起,如果混淆。
2回复

jQuery从URL获取查询字符串

我试图从URL中读取查询字符串,并根据该查询字符串提醒消息。 字符串传递得非常好,我在阅读页面时遇到了麻烦。 我究竟做错了什么? 可能的查询字符串 js