js文件上传

最新推荐文章于 2024-07-25 14:20:43 发布

青天魔王

最新推荐文章于 2024-07-25 14:20:43 发布

阅读量336

点赞数 1

分类专栏： web前端

本文链接：https://blog.csdn.net/leixu1027/article/details/89670195

版权

web前端专栏收录该内容

36 篇文章 0 订阅

订阅专栏

<input type="file" name='file' id="fileChange"/>


var testurl;
$("#fileChange").change(function (event) {
        //请求接口地址
        var uploadUrl = testurl;
        /** 文件解析 */
        var fileList = event.target.files;
        if (fileList.length > 0) {
            var file = fileList[0];
            // console.log(file.name);
            var formData = new FormData();
            formData.append('file', file);
            $.ajax({
                type: "POST",
                url: uploadUrl,
                data: formData,
                contentType: false,
                processData: false,
                success: function(data) {
                    console.log(data);
                    var fileOne = $.parseJSON(data);
                    let fileName = fileOne.data.fileName.lastIndexOf(".");
                    let fileNameLen = fileOne.data.fileName.length;
                    let suffixName = fileOne.data.fileName.substring(fileName+1, fileNameLen);
                   
                },
                error: function(err) {
                    console.log(err);
                }
            });
        }
    });