首页 > Web开发 > 详细

ajax上传文件类型

时间:2019-10-11 10:14:34      阅读:63      评论:0      收藏:0      [点我收藏+]
    //图片上传
    function previewPic(e) {
        // console.log($(e.target).attr('data-id'));
        var fileDom = $('input[type=file]')[$(e.target).attr('data-id')];
        // 获取得到file 图片对象 
        // console.log(fileDom);
        var file = fileDom.files;
        // console.log(file[0]);
        var formData = new FormData();
        formData.append("action", "UploadVMKImagePath");
        formData.append("file", file[0]); //加入文件对象
        $.ajax({
            //请求方式
            type: "post",
            //请求的媒体类型
            // contentType: "multipart/form-data;charset=UTF-8",
            //请求地址
            url: http + "/api/file/update.do",
            dataType: "json",
            headers: {
                token: token
            },
            processData: false,
            contentType: false,
            async: false,
            data: formData,
            success: function (result) {
                // console.log(result);
                // console.log($(fileDom).attr('data-id'));
                window.sessionStorage.setItem("fb" + $(fileDom).attr('data-id'), result.data.url);
                // 返回值:
                //  文件全路径 absoluteUrl
                //  文件相对路径 url
                //  文件路径中的名称 tempName
                //  文件上传时的名称 name
                //  文件格式 format
                //  文件大小 size
                //  文件上传日期 date
            },
            error: function (e) {
                console.log(e);
                alert("请上传正确格式的图片!");
            },
        })
    }

ajax上传文件类型

原文:https://www.cnblogs.com/aryu/p/11652205.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!