Javascript 像StackOverflow一样使用AJAX从URL上传图像？

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

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

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

我发现了一个很棒的AJAX上传脚本 所以我认为我需要构建一个模式窗口，它有一个上传器，然后是一个选项卡，允许他们输入一个URL，在这个点上我需要触发一个从URL上传，然后插入到我的文本区域

是否有人在任何地方都有这样的例子，或者知道已经有这样的图书馆

---

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

html

---

这段代码使用jQuery从url加载图像。 从url获取属性：）

html

---

我相信StackOverflow只是通过和AJAX推送将URL发送到他们的服务器，然后服务器向imgur发送上传照片的请求。最简单的方法是通过AJAX/REST post将URL传递到服务器，让服务器检索和存储。让它成为异步Ajax调用，该调用返回承诺回调的成功/失败。@PitaJ这很有意义，我认为你是对的。当我发布这个问题的时候，我并没有认真考虑，但看起来确实是这样happening@Jason我上面对皮塔杰的评论也适用于你，似乎是对的。Jason，当你说“async Ajax call”时，这不是默认情况下使用类似jQuery的常规Ajax调用的方式吗？当你使用jQuery进行Ajax调用时，其中一个参数化选项是声明它是否是异步的，默认值是真的。我相信发生的是StackOverflow只是通过和Ajax推送将URL发送到他们的服务器，然后向imgur发送上传照片的请求。最简单的方法是通过Ajax/REST post将url传递给服务器，让服务器检索并存储。让它成为异步Ajax调用，该调用返回承诺回调的成功/失败。@PitaJ这很有意义，我认为你是对的。当我发布这个问题的时候，我并没有认真考虑，但看起来确实是这样happening@Jason我上面对皮塔杰的评论也适用于你，似乎是对的。Jason，当你说“async Ajax call”时，这不是默认情况下使用类似jQuery的常规Ajax调用的方式吗？当你使用jQuery进行Ajax调用时，其中一个参数化选项是声明它是否是异步的，默认值为true。实际上，它会将图像下载/上传到另一台服务器，以便将链接发送到，可以下去，他们仍然有一份文件的副本，它；他做得很好。我认为真正的解决方案是使用JavaScript将URL传递到后端脚本，后端脚本将从URL上传文件，并将新上传文件的新URL传递回前端。实际上，它将图像下载/上传到另一个服务器，这样您输入的链接可能会断开，而他们仍然拥有文件的副本，信息技术他做得很好。我认为真正的解决方案是使用JavaScript将URL传递到后端脚本，后端脚本将从URL上传文件，并将新上传文件的新URL传递回图像的前端

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

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