美化上传文件按钮并ajax上传文件

/ 0评 / 1

前端美化上传文件按钮主要使用css display

<input type="button" onclick="upfile.click()" class="">
<form id="uploadForm"> <input id="upfile" onchange="uploadFile()" style="display: none;" name="file" type="file" value="" /> </form>

ajax上传文件主要使用FormData以及JQuery 2.0以上版本。

function uploadFile() {
    var files = $("#upfile");
    var name = files.val();
    if(name!=""){
        var formData = new FormData($('#uploadForm')[0]);
        $.ajax({
            url : 'update',
            type : 'POST',
            data : formData,
            async: false,
            cache: false,
            contentType: false,
            processData: false,
            error: function(request) {
                dialog.error("Connection error");
            },
            success: function(data) {
                //ajaxdata
            }
        })
    }

}

Leave a Reply

Your email address will not be published. Required fields are marked *