javascript - 像 StackOverflow 一样使用 AJAX 从 URL 上传图片？

Question

我正在为 SUgarCRM 构建一个项目管理模块，我的模块的一部分包含一个完整的讨论论坛。

现在，当用户创建新主题帖子或帖子回复时，我想要一个按钮来添加图片，然后它会允许用户上传图片并将上传图片的 URL 插入到帖子中，它还允许他们输入图像的 URL，然后它会上传到我们的服务器并插入 URL，就好像它是从那里的计算机上传的一样。

GMAIL 和 StackOverflow 基本上是两个与我需要的完全相同的例子。下图显示了在两个站点上都运行的示例。

我找到了一个很棒的 AJAX 上传脚本 http://blueimp.github.io/jQuery-File-Upload/所以我认为我需要构建的是模态窗口，它有 uploader ，然后是一个允许他们输入 URL 的选项卡，此时我需要触发从 URL 的上传，然后插入到我的文本区域。

有没有人在任何地方有这样的例子，或者知道图书馆已经这样做了？

Answer 1

此代码使用 jQuery 从 url 加载图像。从 url 获取属性 :)

html

<div id="picture"></div>

jQuery

var img = new Image();  
img.src = urlimg;
$("#picture").append(img);
img.onload = function(){
      alert(img.width);
}