使用 Ajax 上传图像？答案

【问题标题】：Upload images with Ajax?使用 Ajax 上传图像？
【发布时间】：2025-12-18 10:15:01
【问题描述】：

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

任何人都可以在线提供知识或有用的帮助吗？

谢谢。

【问题讨论】：

标准 AJAX 无法上传文件。大多数 javascript 库通过在后台使用 Flash 或隐藏的 iframe 来伪造它。

【解决方案1】：

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

【讨论】：

尝试在 www.uimgz.com 上传图片。我希望同样的事情发生。
该站点使用闪存。如果您使用 firebug，您可以看到控制台选项卡中没有调用，但 Net 选项卡中有一个帖子，其中包含带有 Adobe 字符串的标题。

【解决方案2】：

你可以很方便地使用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();

【讨论】：