上传数据简单方法,没有任何的样式

function showPic(){
    var pic = $("#pic").get(0).files[0];
    var file=document.getElementById("pic").files[0];
    console.log(file);
   // alert(file['name']);
    //显示文件名
    document.getElementById('textfield').value=file['name'];
    // uploadFile();
}
function uploadFile(){
    var pic = $("#pic").get(0).files[0];
    var formData = new FormData();
    formData.append("file" , pic);
    /**
     * 必须false才会避开jQuery对 formdata 的默认处理
     * XMLHttpRequest会对 formdata 进行正确的处理
     */
    $.ajax({
        type: "POST",
        url: url,
        data: formData ,
        processData : false,
        //必须false才会自动加上正确的Content-Type
        contentType : false ,
        beforeSend:function(){
            console.log("正在进行,请稍候");
        },
        success : function(responseStr) {
            console.log(responseStr);
            alert(responseStr);
            
        },
        xhr: function(){
            var xhr = $.ajaxSettings.xhr();
            if(onprogress && xhr.upload) {
                xhr.upload.addEventListener("progress" , onprogress, false);
                return xhr;
            }
        }

    });
}
/**
 * 侦查附件上传情况 ,这个方法大概0.05-0.1秒执行一次
 */
function onprogress(evt){
    var loaded = evt.loaded;     //已经上传大小情况
    var tot = evt.total;      //附件总大小
    var per = Math.floor(100*loaded/tot);  //已经上传的百分比
    $("#showSon").html( per +"%" );
    $("#showSon").css("width" , per +"%");
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值