【问题标题】:Is there any way to read the image in the page using javascript有没有办法使用javascript读取页面中的图像
【发布时间】:2011-09-13 11:16:28
【问题描述】:

我想知道是否有任何方法可以读取网页中的图像 因为我想制作一个可以将它们上传到我的服务器的小插件, 首先,我将图像设置为可拖动,然后将它们拖到一个小“盒子”并上传它们, 可能是HTML5中的File API,可惜我发现它只能读取本地文件,
有人有什么想法吗?谢谢

【问题讨论】:

    标签: javascript html file-upload fileapi


    【解决方案1】:

    如果您想处理图像(裁剪、调整大小等),您必须使用 HTML5 <canvas> 元素。但是如果你只是想要一个图像元素,你可以使用这个:

    var myImg = new Image();
    myImg.src = "url_to_image";
    

    【讨论】:

    • 好吧,图片只是开始,我想上传你在网页上看到的所有内容,包括音频、视频等。有什么想法吗?
    • 您能更详细地解释您的目标吗?你真的想用这些内容做什么?从哪里来?
    • 例如,只是一个例子,如果我在 google.com,我喜欢这个标志,所以我把它拖到我的插件盒(在 chrome 中),然后标志图像将被上传到我的服务器,谢谢,
    • 为此,您只需将图片的 URL 传递给服务器,并使用例如 PHP 的 getfilecontents() 函数通过 URL 服务器端获取它。
    【解决方案2】:

    如果我理解正确,您想将图像从某个页面复制到您的服务器吗?您可以获取页面源代码、所有图片链接并以 javascript 显示,但要将其上传到您的服务器,您必须使用一种服务器端语言,例如PHP。

    【讨论】:

    • 我的问题是:如何上传,我想要xhr.send(file),但是如何才能准确得到file,谢谢
    猜你喜欢
    • 2013-09-25
    • 1970-01-01
    • 1970-01-01
    • 2022-01-19
    • 2020-03-03
    • 1970-01-01
    • 1970-01-01
    • 2010-12-22
    • 1970-01-01
    相关资源
    最近更新 更多