回显

最新推荐文章于 2023-11-15 13:41:49 发布

lsx19981201

最新推荐文章于 2023-11-15 13:41:49 发布

阅读量628

点赞数 1

本文链接：https://blog.csdn.net/lsx19981201/article/details/87923999

版权

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <script src="${pageContext.request.contextPath}/resources/js/jquery.js"></script>
</head>
<body>
<form id="file_form">
    <input id = "img_upload" name="img_upload" type="file" oninput="img_Upload()" />
</form>
<img src="" id="img_show" style="width:100px;height:100px;">
</body>
</html>
<script>
    function img_Upload() {
        var formData = new FormData();
        formData.append("upfile", document.getElementById("img_upload").files[0]);
        $.ajax({
            url:"/sso/image/imageUpload",
            type:"POST",
            data:formData,
            /**
             *必须false才会自动加上正确的Content-Type
             */
            contentType: false,
            /**
             * 必须false才会避开jQuery对 formdata 的默认处理
             * XMLHttpRequest会对 formdata 进行正确的处理
             */
            processData: false,
            success: function (result) {
                console.log("http://118.24.27.161:8081/"+result.data);
                $("#img_show").attr("src",result.data);
            },
            error: function () {
                alert("上传失败！");
                $("#imgWait").hide();
            }
        });
    }
</script>

然，在不知道多少天之后，小姐姐在找素材的时候，发现一个纯前端,纯js，原生代码的回显

https://blog.csdn.net/Winter_chen001/article/details/64445582

<script type="text/javascript">
            //门头照片
            function newFile() {
                    var windowURL = window.URL || window.webkitURL;
                    var loadImg = windowURL.createObjectURL(document.getElementById('photoPic').files[0]);
                    document.getElementById('newImg').setAttribute('src',loadImg);
            }  
            //营业执照复印件
            function oldFile() {
                var windowURL = window.URL || window.webkitURL;
                var loadImg = windowURL.createObjectURL(document.getElementById('licensePic').files[0]);
                document.getElementById('oldImg').setAttribute('src',loadImg);
            } 
    </script>

 <div class='form-div'> <label class="form-label">门头照片<b>*</b></label> <div class="up-pic"> <img src="" id="newImg" > <span>+</span> <input type="file" id="photoPic" onchange="newFile()" name="photoPic" multiple="true" class="form-input file-pic"/> </div> </div> <div class='form-div'> <label class="form-label">营业执照复印件<b>*</b></label> <div class="up-pic"> <img src="" id="oldImg" > <span>+</span> <input type="file" id="licensePic" onchange="oldFile()" name="licensePic" multiple="true" class="form-input file-pic"/> </div> </div>

lsx19981201

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
回显

&lt;%@ page contentType="text/html;charset=UTF-8" language="java" %&gt;&lt;html&gt;&lt;head&gt; &lt;title&gt;Title&lt;/title&gt; &lt;script src="${pageContext.request.contextPat
复制链接

扫一扫

回显

“相关推荐”对你有帮助么？