使用ajax请求实现文件上传操作

// 添加分类的文件上传操作 上传文件按钮添加change事件
    $('#unloadFile').on('change', function(e) {
        // 获取文件信息
        var file = e.target.files[0];
        // 实例化FormData
        var formdata = new FormData();
        // 将文件信息存入formdata,键名为file
        // formdata会将文件信息序列化为ajax可识别的数据类型
        formdata.append('file', file);
        $.ajax({
            type: 'post',
            url: '/category/addSecondCategoryPic',
            data: formdata, // formdata直接赋值给data
            processData: false, //formdata已将数据序列化,无需在处理
            contentType: false, //formdata无需设置请求头
            success: function(res) {
                console.log(res);
                // 将图片预览在img标签
                $('#imgshow').attr('src', res.picAddr);
            }
        });
    });

猜你喜欢

转载自blog.csdn.net/weixin_43848576/article/details/84978174