第九区

一个程序员的经验笔记

解决ajaxForm上传文件表单无回显,target与success均无效的问题

| 暂无评论

今天用ajaxForm做上传文件表单,用ajaxForm发现target没有更新,success的函数没有处理,改用ajaxSubmit问题如故。明明是非常标准的一段代码:

<form id="formUpload" method="post" autobind="no" action="/attachment/upload">
    <input name="attachmentType" type="hidden" value="income"/>
    <input id="itemid" name="itemid" type="hidden" value=""/>
    <p><button id="uploadButton" type="submit">上传</button>
        <input type="file" name="file" id="file" title="仅限图片和常用文档格式,文件最大不可以超过2M,图片建议500kb以下为宜"/>
    </p>
    </form>
<script>
$(function(){
    $('#formUpload').unbind ();
    var uploadOptions={
        target:'#dialogUpload',
        type: 'post',
        enctype:'multipart/form-data',
        url: '/attachment/upload',
        success:renewUpload,
        clearForm:true
    };
    $('#formUpload').submit(function(){
        $('#formUpload').ajaxSubmit(uploadOptions);
        return false;
    });

测试了几遍,发现就是上传的file字段改成text或是去掉,就没有问题,上传文件就会出错,没有发现自己有哪里写错代码,于是去ajaxform官网下载了最新版的程序jquery.form.js,覆盖后问题解决。

发表评论

*为必填字段!