浅谈 Html5 带进度条的的文件图片(带本地回显)上传(er)

最新推荐文章于 2021-06-08 16:19:31 发布

java大数据讨论

最新推荐文章于 2021-06-08 16:19:31 发布

阅读量360

点赞数

本文链接：https://blog.csdn.net/qq_26274803/article/details/53160709

版权

function appIconUpload(){

var fileObj = document.getElementById("up_icon").files[0]; // js 获取文件对象
if(fileObj!=null){
    var orgId = $("#orgId").val();
    var FileController = "/pluginManage/upload2.do"; // 接收上传文件的后台地址 

    // FormData 对象
    var form = new FormData();
    form.append("flag", 4); 
    form.append("file", fileObj); // 文件对象

    // XMLHttpRequest 对象
    var xhr = new XMLHttpRequest();
    xhr.open("post", FileController, true);
    xhr.onload = function(date) {
        // alert("上传完成!");
    };

    document.getElementById('progressInfoTb').style.display = "";
    xhr.upload.addEventListener("progress", progressFunctionTb, false);

    xhr.send(form);

    var filename=fileObj.name;
    var filetype=fileObj.type;
    //var currentDate =  $("#currentDate").val();

    // var src="/usr/upload/"+currentDate+"/"+orgId +"/"+filename;
    /* var src="d:/usr/upload/"+currentDate+"/"+orgId +"/"+filename;*/
    /*var src="D:/"+"Upload "+filename;*/
    var iconName=filename;
    var src=  getFileAddress(iconName,4);
    $('#iconaddress').val(src);
}else{
    alert("请选择要上传的图片");