【问题标题】:Mobile upload refreshes page and file does not upload手机上传刷新页面,文件不上传
【发布时间】:2015-07-29 19:37:04
【问题描述】:

我已经向 Smartjobboard 软件的管理员提出了这个问题,但他们非常不活跃,所以在这里问...

在手机/​​Ipad 上,求职者可以通过上传并提交简历来申请工作。但是由于某种原因,当用户上传 CV 时,它会有时刷新页面并且不会上传 CV。但是在 桌面 上,上传永远不会中断并且可以完美运行

我很确定这与页面速度或/以及页面加载方式有关。但是要积极主动地解决这个问题并按照我认为的方式工作,我应该向你们天才人士寻求帮助:)

无论如何代码...(发布在 pastebin 中)

Apply_now.php - http://pastebin.com/JasSWTEg

申请表格:

<form method="post" enctype="multipart/form-data" id="applyForm" action="{$GLOBALS.site_url}/apply-now/">
    <input type="hidden" name="is_data_submitted" value="1">
    <input type="hidden" name="listing_id" value="{$listing_id}">
    <fieldset>
        <div class="inputName" style="width:19%">
            [[Attach your CV]]:
        </div>
        <div class="inputField" style="margin-top:7px;">
            <input type="file" name="file_tmp" />
        </div>
    </fieldset>
    <input  class="button-green" type="submit" value="[[Apply Now]]" onclick="return applySubmit();"/>
</form>

应用脚本:

function applySubmit() {
    $("#ApplicationForm").hide();
    $("#applyForm").ajaxSubmit(
    {
        url: $("#applyForm").attr("action"),
        type: "POST",
        success: function (data) 
        {
            $("#messageBox").html(data);
        }
    });
    return false;
}

我不确定在应用脚本/php/code 中是否存在问题。我现在正在研究页面速度以消除渲染阻塞等,看看它是否会导致问题。

【问题讨论】:

  • form 没有action 标签。这可能是原因吗? js 函数中的return false 表示stop whatever you're doing (eg refresh the page to submit this form
  • 这实际上似乎已经修复了我在表单中添加了“action="POST"”,并且我的手机在上传时没有刷新。然而,它确实“有时并不总是有效,但有时,所以我会在几部不同的手机上尝试,看看它是否会再次出现。令人惊讶的是,如此简单的事情怎么会搞砸。谢谢!我会告诉你的!跨度>
  • 添加动作 POST 使上传工作正常,但是当查看帐户区域并检查我的电子邮件时,我实际上并没有收到申请 - 只是添加了 action="{$GLOBALS.site_url}/apply-now /" 并且它可以正常工作。非常感谢:)
  • action 属性带有 url。您将其与 method 属性混合在一起。 w3.org/TR/html401/interact/forms.html#h-17.1
  • 更新 - 添加了建议的操作标签,因为它似乎已经奏效了,只是再次尝试,它似乎再次这样做。更新了 OP 以显示新表单。对此的任何更多见解将不胜感激!谢谢

标签: javascript php jquery file-upload smarty


【解决方案1】:

如 cmets 中所说,将 action 标签添加到您的 html form

【讨论】:

    猜你喜欢
    • 2014-12-04
    • 2018-08-20
    • 1970-01-01
    • 1970-01-01
    • 2011-08-22
    • 1970-01-01
    • 2016-07-25
    • 2012-04-20
    • 1970-01-01
    相关资源
    最近更新 更多