Question

为了更好地体验文件上传，我伪造了一个ajax请求，即用户点击提交，表单消失，显示加载图形，在查看秒后页面刷新以显示他们的newley上传图像。

但是，由于在我的文件上传中添加jquery总是返回相同的错误，

您没有选择要上传的文件。为什么是这样？这是我的表格，

<div id="picture_upload">
        <div class="loading"></div>
        <?php echo form_open_multipart('my_profile/do_upload'); ?>

        <strong>Choose pictures to upload</strong>
        <p>Max file size: 1MB .jpeg, .gif, .png or .bmp</p>
        <input type="file" name="userfile" />
    </div>
    <!--<div id="webcam_upload">
        <p>Hello</p>
    </div>-->
</div>
<div id="bottom"><table><tr><td><input type="submit" id="submit_upload" value="Upload a picture" class="button green rounded_5 small" /></td><td>or</td><td><a href="#" id="close_modal" />Cancel</a></td></tr></table></div>

和我的js，

$("#submit_upload").click(function(e){
    //alert("here");
    setTimeout(function() { $("#picture_upload form").submit();}, 6000);
    $("#picture_upload").children().hide();
    $(".loading").show();
    setTimeout( function() {  location=$("#picture_upload form").attr('action') }, 1500 );
    return false;
});

上传功能只是codeigniter的基本上传功能。

Answer 1

出于安全原因，您无法使用XmlHttpRequest对象（AJAX）上传文件。

替代解决方案是：

将您的文件提交表单加载到iframe中并使用JS
使用flash文件上传器
使用HTML5

这是一个非常流行的jQuery插件：http://www.uploadify.com/

Answer 2

试试这个，

$("#submit_upload").click(function(e){
    //alert("here");
    setTimeout(function() { $("#picture_upload form").submit();}, 6000);
    $("#picture_upload").children().hide();
    $(".loading").show();
    return false;
});

然后使用php重定向/重新加载页面

header('Location: URL_TO_REDIRECT'); //put it in your end of upload script in php file

如果您不想从PHP重定向，则可以使用

jQuery表单插件http://jquery.malsup.com/form/#file-upload
SWFUpload http://demo.swfupload.org/v220/index.htm
（有许多用于上传文件的库。）

Answer 3

如果你想学习如何使用jQuery构建自己的上传，这里有一篇好文章 - http://www.peachpit.com/articles/article.aspx?p=1766159

jquery伪造ajax请求

3 个答案: