使用AJAX从URL上传图像就像StackOverflow一样?

时间:2014-10-18 00:52:10

标签: javascript jquery ajax upload jquery-file-upload

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

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

基本上2个与我需要完全相同的例子是GMAIL和StackOverflow。下面的图片显示了两个站点上的实例。

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

有没有人在任何地方都有这样做的例子,或者知道已经执行此操作的库?

enter image description here

enter image description here

1 个答案:

答案 0 :(得分:-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);
}