Question

您好我有一个包含Ajax图像上传器的表单，它在桌面上工作正常，但是当我尝试我的手机时，它会导致页面在选择图像后丢失并且图像丢失（更不用说其他的jquery了我已设置在完成上传时运行。

我找到了这个链接Android browser refreshes page after selecting file via input element虽然它提供了解释，但我可以看到没有提供解决方案。这个帖子是一年多以前的，我还没有在网上找到任何其他解决方案。

必须有一个解决方法，因为我可以看到它在其他网站上工作，例如http://www.putmeinthestory.com/

代码：

<form action="index.php?route=product/product/image_upload" onSubmit="return false" method="post" enctype="multipart/form-data" class="MyUploadForm">
    <input name="FileInput" id="FileInput" type="file" /><br />
    <input type="submit"  id="submit-btn" value="Upload File &raquo;" />
</form> 

<div id="output"></div>

Javascript：我不确定发布下面调用的所有函数是否与问题相关。

var options = {
    target:   '#output',   // target element(s) to be updated with server response
    beforeSubmit:  beforeSubmit,  // pre-submit callback
    success: afterSuccess,  // post-submit callback
    uploadProgress: OnProgress, //upload progress callback
    resetForm: true        // reset the form after successful submit
};

 jQuery('.MyUploadForm').submit(function() {
    $(this).ajaxSubmit(options);           
    return false;
});

Answer 1

我想我可能已经通过更改代码来解决它... 我从form标记中删除了该操作，并将该网址包含在ajax中。

毕竟，问题根本不在于Android。（尽管如此，我仍然很困惑为什么问题出现在SO上。）

我不想给它一个正确的答案，直到我确认它正在各种设备上工作。

<form action="" onSubmit="return false" method="post" enctype="multipart/form-data" class="MyUploadForm">

var options = {
    url: 'index.php?route=product/product/image_upload',
    target:   '#output',   // target element(s) to be updated with server response
    beforeSubmit:  beforeSubmit,  // pre-submit callback
    success: afterSuccess,  // post-submit callback
    uploadProgress: OnProgress, //upload progress callback
    resetForm: true        // reset the form after successful submit
};

Ajax图像上传刷新移动页面

1 个答案: