文档章节

关于文件上传遇到的一些问题(三)

D
 DailyDiary
发布于 2017/07/20 16:41
字数 582
阅读 2
收藏 0

js:jquery.form.js

jsp:

 <div class="registerBox" id="register3" style="display:none;">
                <form id="registerForm3" action="javascript(0);" method="post" enctype="multipart/form-data" >
                    <div class="divheader" id="img_logo1">
                        <img src="images/image.png" id="img_logo"/>
                        <p>LOGO / 照片</p>
                        <div class="pageButton">上传照片</div>
                        <input id="urlLogo" type="file" name="urlLogo" style="display:block;margin-top:50px;" onchange="preview(this)"/>
                    </div>
                   
                    <div style="height:40px;">
                         <div class="item3" style="width:125px;float:left;">
                                <span>验证码</span>
                        </div>
                        <div class="item3" style="width:140px;float:left;"> 
                            <input type="text" class="pageInput" placeholder="短信验证码" name="validCode" style="width:140px;"/>
                        </div> 
                        <input class="pageButton" type="button" onclick="getValidCode($('#tel3').val(),this.id);"  id="svlcbt3" style="border:0px;float:left;margin-top:10px;line-height:40px;margin-left:20px;width:140px;" value="发送验证码"/>
                    </div>
                    <div style="clear:both;"></div> 
                    <div class="item3">
                        <span>登录密码</span>
                        <input type="password" id="register3pwd1" name="pwd" class="pageInput" placeholder="请设置登录密码"/>
                    </div>
                    <div class="item3">
                        <span>确认密码</span>
                        <input type="password" id="register3pwd2" class="pageInput" placeholder="请设置登录密码"/>
                    </div>
                    <div class="item3">
                        <span>公司地址</span>
                        <input type="text" class="pageInput" name="corporateAddress" style="width:460px;" placeholder="请输入公司地址"/>
                    </div>
                    <div style="width:1160px;height:1px;background-color:#DDD;margin:20px 0 20px -280px;"></div>
                    <div class="item3 item3-down">
                    <span>*所属领域</span>
                    <select class="pageSelect" name="isField">
                        <option value="0" style="display:none;">请选择所属领域</option>
                        <option value="1">大数据</option>
                        <option value="2">医疗健康</option>
                        <option value="3">旅游</option>
                        <option value="4">电商</option>
                        <option value="5">金融行业</option>
                        <option value="6">文娱传媒</option>
                    </select>
                    </div>
                   
                    <div class="item3 item3-down">
                        <span>*个人身份证/营业执照</span>
                        <div class="pageButton_empty file-ID">上传文件<input id="urlBusinessLicense" name="urlBusinessLicense" type="file" style="display:block;margin-top:20px;" onchange="preview2(this)"/></div>
                        <div style="display:inline-block;color:#888;line-height:40px;height:40px;vertical-align:top;">(文件大小不得超过5M)</div>
                    </div>
                    <div id="yyzz" style="width:160px;height:200px;margin-left:185px;background-image:url('images/image.png');background-size:100%;background-repeat:no-repeat;background-position:center;background-color:#F5F5F5;"></div>
                </form>
            </div>
            <div id="divSubmit" class="pageButton">注册账号</div>
            <div id="divLogin" onClick="window.location='login.jsp'">使用已有账号登陆</div>
        </div>

javascript:

$("#registerForm3").ajaxSubmit({  
                            type:"post",  
                            url:url+"webUser/web/uploadHigh.do", 
                            success:function(data){ 
                                if(data.type == 1){
                                        alert("成功!");
                                        location="index.jsp"
                                }else if(data.type == 2){
                                    alert(data.msg);
                                }else if(data.type == 0){
                                    alert(data.msg);
                                }
                                $("#divSubmit").html("注册账号");
                                divSubmit_bl = false;
                            } 
                        }); 

controller:接收数据时,文件在req里面,其他值需用String接收

@ResponseBody
    @RequestMapping(value="web/uploadHigh.do",method=RequestMethod.POST)
    public ControllerBean webAddHigh(String corporateName,String personCharge,String tel,String pwd,String corporateAddress,String isField,String projectType,String zdescribe,String validCode,  HttpServletRequest req,HttpServletResponse response) throws Exception {  
       
        return retValue;  
    }

总结:注意接收数据时不可为了偷懒而使用对象接收

© 著作权归作者所有

D
粉丝 0
博文 19
码字总数 4467
作品 0
私信 提问
iOS 制作framework (含三方.a和AFNetworking)

该小结只是简单总结制作自己私有库的步骤总结,关于什么是framework 与系统framework区别 , .a , dylb,tdb 静态库 动态库等,以及它们的区别 可以百度看下 制作过程中的参考链接(非常感谢)...

春夏love雨雪
03/23
0
0
前端实现axios以表单方式上传文件,优化上传速度

一、背景 最近在开发过程中,遇到的需要是需要上传高清图片,必须原图上传。由于在移动端应用,上传网络问题有很大的坑。当初的方案是直接采用将文件转化为,再进行上传,由于文件转化为后,...

bayi_lzp
06/11
0
0
Unity游戏开发——unity接入多渠道sdk

最近游戏进入最后测试和接入sdk阶段,对接了多个sdk简单记录和分享一下在接入各个渠道sdk中遇到的问题和坑,在之后或其他人看到之后可以绕过,提高效率仅此而已。 我们使用的unity开发,在选...

liang_704959721
2017/07/25
0
0
Retrofit上传文件的参数设置疑问以及URL的坑

一些题外话... 很久没写过什么东西了,上一篇文章还要追溯到去年八月份。那时我还是单身,而现在,我他娘的还是单身。自从去年9月份以来,各种事情缠身算是彻底了我17年上半年无所事事的无聊...

RunningBun
2018/01/12
0
0
input type="file"使用

问题: 在实际开发过程中,会遇到上传文件的一些需求。但是使用原生的在使用中存在一些问题 在未上传文件时,显示"no file choosen",用户界面不友好,不可配置 上传同一个文件,不会触发事件...

深蓝一人
02/18
0
0

没有更多内容

加载失败,请刷新页面

加载更多

采坑指南——k8s域名解析coredns问题排查过程

正文 前几天,在ucloud上搭建的k8s集群(搭建教程后续会发出)。今天发现域名解析不了。 组件版本:k8s 1.15.0,coredns:1.3.1 过程是这样的: 首先用以下yaml文件创建了一个nginx服务 apiV...

码农实战
5分钟前
1
0
【2019年8月版本】OCP 071认证考试最新版本的考试原题-第6题

choose three Which three statements are true about indexes and their administration in an Orade database? A) An INVISIBLE index is not maintained when Data Manipulation Language......

oschina_5359
8分钟前
1
0
阿里巴巴开源 Dragonwell JDK 最新版本 8.1.1-GA 发布

导读:新版本主要有三大变化:同步了 OpenJDK 上游社区 jdk8u222-ga 的最新更新;带来了正式的 feature:G1ElasticHeap;发布了用户期待的 Windows 实验版本 Experimental Windows version。...

阿里巴巴云原生
13分钟前
1
0
教你玩转Linux—磁盘管理

Linux磁盘管理好坏直接关系到整个系统的性能问题,Linux磁盘管理常用三个命令为df、du和fdisk。 df df命令参数功能:检查文件系统的磁盘空间占用情况。可以利用该命令来获取硬盘被占用了多少...

xiangyunyan
16分钟前
3
0
js 让textarea的高度自适应父元素的高度

textarea按照普通元素设置height是没有作用的,可以这么来设置, 下面给上一段项目代码 JS代码: $.fn.extend({ txtaAutoHeight: function () { return this.each(function () {...

文文1
16分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部