js上传图片后显示上传的图片

最新推荐文章于 2024-07-18 20:54:54 发布

qq_25987491

最新推荐文章于 2024-07-18 20:54:54 发布

阅读量964

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/qq_25987491/article/details/83626732

版权

本文介绍如何利用JavaScript实现用户选择图片后实时预览，并将图片上传到服务器的过程，涉及到文件读取、FormData及Ajax等相关技术。

摘要由CSDN通过智能技术生成

function goto() {
        let photoFile = document.getElementById("upload_photo").files[0];
        let schoolCardFile = document.getElementById('upload_school_card').files[0];
        let formData = new FormData();
        formData.append("upload[]", photoFile);
        formData.append("upload[]", schoolCardFile);

        var empty = false;
        $('input[name=text]').each(function () {
            var id = $(this).attr('id')
            var value = $(this).val();
            if (value == "") {
                empty = true;
                return;
            }
            formData.append(id, value);
        });
        // if (empty) {
        //     alert("请将相关信息全部填写完整");
        //     return;
        // }
        formData.append('sex', $('input[name=sex]:checked').val());
        formData.append('area', "徐州");