美文网首页
使用ajax方式上传文件

使用ajax方式上传文件

作者: 发光的鱼 | 来源:发表于2017-07-28 16:43 被阅读0次

1.使用ajax的formData对象进行文件上传

var url = "http://127.0.0.1:8083/smartfactory/a/register";
        var localUrl = "";
        $('#btn').click(function () {
            var formData = new FormData();
            var serverParam = {
                officeName: '1231231',
                officeSimpleName: 'ceshi',
                userName: '213',
                userPhone: '123123123',
                code: '2312',
                userPassword: '123123',
                againPassword: '231231312'
            }
            formData.append("image", $("#file_fields")[0].files[0]);
            formData.append('param', JSON.stringify(serverParam));
            $.ajax({
                url: url,
                type: 'POST',
                data: formData,
                processData: false,
                contentType: false,
                beforeSend: function () {
                    console.log("正在进行,请稍候");
                },
                success: function (data) {
                    console.log(data);
                },
                error: function (data) {
                    console.log("error" + data);
                }
            });
        })

2.java端接受文件进行处理,使用spring的MultipartFile接口

此接口可以拿到上传的文件名称,大小等信息
通过获取byte[]数据,使用java流写入文件即可

String filePath = FileUploadUtils.upload(img, Long.toString(time));

相关文章

网友评论

      本文标题:使用ajax方式上传文件

      本文链接:https://www.haomeiwen.com/subject/mblflxtx.html