easyui+ajaxfileupload,無刷新文件上傳

頭文件引用

<link href="easyui/themes/default/easyui.css" rel="stylesheet" type="text/css" />
<link href="easyui/themes/icon.css" rel="stylesheet" type="text/css" />
<script src="easyui/jquery.min.js" type="text/javascript"></script>
<script src="easyui/jquery.easyui.min.js" type="text/javascript"></script>
<script src="js/ajaxfileupload.js" type="text/javascript"></script>

js代碼,這里把返回值修改成上傳到服務器的文件名稱,然后賦值給一個隱藏input,提交表單時以便入庫

//文件上傳
function ajaxFileUpload(){
    $("#loading")
    .ajaxStart(function(){
        $(this).show();
    })
    .ajaxComplete(function(){
        $(this).hide();
    });

    $.ajaxFileUpload
    (
        {
            url:'upload.php',
            secureuri:false,
            fileElementId:'fileToUpload',
            dataType: 'json',
            data:{name:'logan', id:'id'},
            success: function (data, status)
            {
                if(typeof(data.error) != 'undefined')
                {
                    if(data.error != '')
                    {
                        alert(data.error);
                    }else{    
                        alert("上傳成功")
                        $("#imgURL").attr("value",data.msg);
                        //alert(data.msg);
                        //$("#img").attr("src","upload/"+data.msg);
                        
                    }
                }
            },
            error: function (data, status, e)
            {
                alert(e);
            }
        }
    )

    return false;

}

表單上傳部分

<input id="fileToUpload" type="file" size="45" name="fileToUpload" class="input"><button class="button" id="buttonUpload" onclick="return ajaxFileUpload();">上傳</button>
                   <input name="imgURL" id="imgURL" class="easyui-validatebox" type="hidden">