2011-05-26 151 views
1

这次我的问题如下:我想上传图片使用文件输入,而不是刷新整个我的网站,我想要一个简单的AJAX加载器滚动,几秒钟后得到上传的图像作为结果同一页。我尝试了谷歌为我找到的几个脚本,但我似乎没有让他们工作。使用Ajax上传图像?

任何人都可以帮助知识或网上有用的东西?

谢谢。

+2

标准的AJAX不能上传文件。大多数JavaScript库通过在后台使用Flash或隐藏的iframe来伪造它。 – 2011-05-26 16:31:39

回答

0

您可以轻松地使用ajaxupload将图像发送到服务器端,然后坐上功能的成功返回的图像。

$("#form1").ajaxForm({ 
      target: '#preview', 
      beforeSubmit: function(){ 
      $('.upload').after('<span class="loading-bar">Processing...</span>'); 
      }, 
      success: function(){ 
      $('.loading-bar').hide('slow'); 
      setCrop(); 
      }, 
      url: "/account/processpicture" 
      }).submit(); 
1

您将无法使用Javascript(AJAX)上传文件。我不确定是否需要上传HTML5功能,但是如果您希望为桌面浏览器进行上传,则必须使用基于插件的软件。像flash或java这样的东西将能够上传文件,而无需将文件提交到新页面。我会研究预先构建的解决方案,以满足您的需求。

+0

在www.uimgz.com上尝试上传图片。我想要发生同样的事情。 – Aborted 2011-05-26 16:36:06

+1

该网站使用闪存。如果你使用Firebug,你可以看到有在控制台选项卡中没有电话,但存在具有与和Adobe串头Net标签后。 – wajiw 2011-05-26 17:25:14