加载输入文件后执行脚本

时间:2013-08-09 10:58:54

标签: javascript jquery upload

我有一个输入文件字段来选择要上传的文件,我使用ajax将这些照片发送到服务器。为了在选择文件后执行所有脚本,我使用submit,但我认为最好不要包含提交按钮并使用jquery来检测我何时选择文件并处理提交操作。

我的代码:

<script>
jQuery(document).ready(function () {
    jQuery('#form_up').ajaxForm({
        dataType: 'json',
        success: bol
    });
});

function bol(datab) {
    if (datab.field_empty == "bad") {
        jQuery(".bol_request_fail").fadeIn(3000);
    } else {}
}
</script>


<form name="form" method="post" id="form_up" runat="server" action="indexer_upload_user_pic.php" enctype="multipart/form-data" style="margin:0px;">

<input type="file" name="upload[imagen][]" id="logo2" class="file-upload"/>

</form>

我使用一个插件发送字段和所有表单,你可以看到ajaxForm函数。

问题是:我如何避免使用提交,而是通过文件输入选择发送图片?

1 个答案:

答案 0 :(得分:0)

我没有测试它,但这可能有用:

jQuery(document).ready(function () {
    $("#logo2").change(function(){
        jQuery('#form_up').ajaxSubmit({
            dataType: 'json',
            success: bol
        });
     });
});

检查插件API,如果这不起作用,我只是快速检查它,看到有ajaxSubmit ...