yangakw yangakw

js面试

in 记录read (126) 文章转载请注明来源!
        <!DOCTYPE html>
                        <html lang="en">
                        <head>
                            <meta charset="UTF-8">
                            <title>Title</title>
                            <script type="text/javascript" src="/static/V3/js/jquery-1.7.1.js"></script>
                            <script type="text/javascript" src="/static/V3/js/ajaxfileupload.js"></script>
                        
                        
                        </head>
                        <body>
                        <h1>测试文件上传(image)</h1>
                        
                        <form action="/index/tool/upload" enctype="multipart/form-data" method="post">
                            <input type="file" name="file"/> <br>
                            <input type="submit" value="上传"/>
                        </form>
                        <hr/>
                        <h2>
                        </h2>
                        
                        <input type="file" name="file" id="imgFile_id_no_rename"/><br>
                        
                        
                        
                        
                        <div id="img_container">
                            <img id="img_img">
                        </div>
                        <script>
                        
                        
                            $("#imgFile_id_no_rename").change(function () {
                                $.ajaxFileUpload({
                                    url: '/index/tool/upload', //用于文件上传的服务器端请求地址
                                    //secureuri: false, //是否需要安全协议,一般设置为false
                                    fileElementId: 'imgFile_id_no_rename', //文件上传域的ID
                                    dataType: 'json', //返回值类型 一般设置为json
                                    success: function (data, status)  //服务器成功响应处理函数
                                    {
                                        console.log(data.data);
                                        $("#img_img").attr("src","/uploads/"+data.data);
                                        if (typeof (data.error) != 'undefined') {
                                            if (data.error != '') {
                                                alert(data.error);
                                            } else {
                                                alert(data.msg);
                                            }
                                        }
                                    },
                                    error: function (data, status, e)//服务器响应失败处理函数
                                    {
                                        alert(e);
                                    }
                                });
                            });
                        
                        
                        </script>
                        
                        </body>
                        </html>
jrotty WeChat Pay

微信打赏

jrotty Alipay

支付宝打赏

文章二维码

扫描二维码,在手机上阅读!

发表新评论
博客已运行
© 2017 yangakw
PREVIOUS NEXT
雷姆
拉姆