精华内容
下载资源
问答
  • J2EE实验 HTML与JavaScript实验总结

    千次阅读 2018-03-26 22:37:29
    先贴代码效果图:Html页面My...lt;...en"> <body&...HTML基础-注册表单</h1><p> <hr> <center> <meta http-equiv="Co

    先贴代码

    效果图:Html页面

    MyHtml.html

    <html lang="en">
    <body>
    
       		<h1 >HTML基础-注册表单</h1><p> 
        	<hr>
            <center>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
      		<script src="MyJavaScript.js"></script>
            <table border="0">
    			<form action="myaction.jsp" method="post" name="myform">
          		<tr>
    	   			<td>登录名称:</td>
           			<td><input type="text" id="name" style="width: 235px;"></td>
          		</tr>
          		<tr>
          	    	<td>登陆密码:</td>
           			<td><input type="password" id="pswd1" name="password" style="width: 235px; "></td>
          		</tr>
          		<tr>
           			<td>密码确认:</td>
           			<td><input type="password" id="pswd2" name="password2" style="width: 235px; "></td>
          		</tr>
          		<tr>
           			<td>登录保护问题:</td>
           			<td><select name="name" style="width: 235px; "><option>你的身份证号后六位是什么?</option></select></td>
          		</tr>
    	  		<tr>
           			<td>问题答案:</td>
           			<td><input type="text" name="answer" id="answer" style="width: 235px; "></td>
          		</tr>
    	  		<tr>
    	   			<td>性别:</td>
    	   			<td><input type="radio"name="sex" id="sex">男<input type="radio" name="sex">女</td>
    	  		</tr>
    	  		<tr>
    	   			<td colspan="2"><input type="submit" value="注册" οnclick="return check();"> <input type="reset" value="重置" ></td>
    	  		</tr>
    		</form>
        	</table>
       		</center>
       		<hr>
     	</body>
    </html>

    JavaScript页  实现简单的JavaScript验证


      MyJavaScript.js

    function check(){
    	var name = document.getElementById("name");
    	var pswd1 = document.getElementById("pswd1");
    	var pswd2 = document.getElementById("pswd2");
    	var answer = document.getElementById("answer");
    	if(name.value == ""||name.value.length<6){
    		alert("登录名称为空,或长度不足");
    		name.select();
    		name.focus();
    		return false;
    	}
    	if(pswd1.value==""){
    		alert("登录密码不能为空");
    		document.myform.pswd1.focus();
    		return false;
    	}
    	if(pswd2.value==""){
    		alert("密码确认不能为空");
    		document.myform.pswd2.focus();
    		return false;
    	}
    	if(answer.value == "" || answer.value.lemgth < 6){
    		alert("答案为空,或不足6位");
    		answer.select();
    		answer.focua();
    		return false;
    	}
    	alert("注册成功");
    	return true;
    }

    getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。

    JavaScript 3个常用的函数

        alert():用于显示提示对话框 这里有用到

        confirm():用于显示选择对话框,如果选择了“确定” 返回true; 否则,返回false

        prompt():用于显示输入对话框,可以将输入值赋给指定某一变量

           window.prompt参数,有两个, 第一个参数,显示提示输入框的信息. 第二个参数,用于显示输入框的默认值. 

           返回,用户输入的值. 


      


    展开全文
  • javaweb实验总结

    2020-05-12 12:18:46
    4.表单提交,如要在提交之前检测表单内容是否合格,用js检测,尽量用button按钮,如果使用submit,提示信息显示出来了,然后点击确定,它依旧会跳到下一个action那个页面,用button,点击它,剩下的交给js处理。...

    1.导入js文件需要以相同的编码格式去导入,如原本js文件编码为UTF-8,引入的时候必须charset = “UTF-8” ,用gb2312引入有些会乱码

    2.所有的页面编码尽量统一(UTF-8),避免各种乱码

    3.UTF-8是包括中文、英文,而gb2312则就只是中文

    4.表单提交,如要在提交之前检测表单内容是否合格,用js检测,尽量用button按钮,如果使用submit,提示信息显示出来了,然后点击确定,它依旧会跳到下一个action那个页面,用button,点击它,剩下的交给js处理。

    展开全文
  • 关于此次小结,是通过PHPstudy(2018)构建web平台所测试,实验结果可能出现无法显现中文的情况,可能为电脑使用的默认浏览器默认编码不同的问题,代码不适用。 一、 html简介 什么是html?(1) 一种超文本标记...

    HTML短期总结(至表单)

    关于此次小结,是通过PHPstudy(2018)构建web平台所测试,实验结果可能出现无法显现中文的情况,可能为电脑使用的默认浏览器默认编码不同的问题,代码不适用。

    一、 html简介

    1. 什么是html?(1) 一种超文本标记语言,就是指页面内可以包含图片,链接,甚至是音乐,程序等非文字元素。(2) HTML不是一种编程语言而是一种标记语言。(3) HTML5是HTML的最新版本。
    2. HTML5的新特性(1)用于绘画的canvas元素。(2)用于媒介回放的video和audio元素。(3)对本地离线存储的更好的支持。(4)新的特殊内容元素,比如:article,footer,header,nav,section.(5)新的表单控件,比如:calender,date,time,email,url,search等。
    3. . 常用的开发工具 Webstorm,notepad,Ecliiple,textsublime,Dreamweaver,. 常用的开发工具 Webstorm,notepad,Ecliiple,textsublime,Dreamweaver.

    二 文件基本格式

    <!DOCTYPE html>   //文档声明,告诉计算机这是一个HTML5文档(不区分大小写)。
    <html></html>   双标签,所有的文档内容均包含在这个标签里面 
    <head></head>  不可见内容,包含文档标题,字符编码等
    <body></body>   可见内容,图片,文本表单等所有可见内容。
    实例:<!DOCTYPE html><html lang="zh-cn">   表示中文状态的编码  lang="en"   表示英文状态下的字符编码
    <head>
    	<meta charset="UTF-8"   //国际通用编码格式	
    	</head>
    	<body>
    	      你好,我是单智涵!
    	      </body>
    	      </html>
    	      ```
    

    在这里插入图片描述

    三 元素的概念以及3个常用标签

    (1)HTML元素指的是从开始标签到结束标签的所有代码。
      开始标签                     元素内容                    结束标签
        <h1>                     h标签用来表示标题                 </h1>
        <p>                      p标签标识一个段落                 </P>
        <hr>                   是一个单标签,给文档加一个横线      没有结束标签哦
        效果:<body>
        <h1>h标签用来表示标题</h1>
        <h2>h标签用来表示标题</h2>
        <h3>h标签用来表示标题</h3>
        <h4>h标签用来表示标题</h4>
        <h5>h标签用来表示标题</h5>
        <h6>h标签用来表示标题</h6>
        </body>
    

    在这里插入图片描述

    <p>	 p标签标识一个段落
    </p><p>	 p标签标识一个段落
    </p>
    

    在这里插入图片描述

    <!IDOCTYPE html>
    <html>
    <head>
    	<meta charset="utf-8">
    		<title></title>
    		</head>
    		<body>
    		八阵图作者:杜甫功盖三分国,名成八阵图。江流石不转,遗恨失吞吴。
    		</body>
    		</html>
    

    在这里插入图片描述

    <!DOCTYPE html>
    <html><head>
    	<meta charset="utf-8">
    		<title></title></head><body>
    		 <h2>八阵图</h2>
    		 <h3>作者:杜甫</h3> 
    		 <hr>
    		 <p>功盖三分国,名成八阵图。</p>
    		 <p>江流石不转,遗恨失吞吴。</p>
    		 </body>
    		 </html>
    		 
    
    

    在这里插入图片描述

    四 元素的属性

    了解HTML属性属性的作用就是为元素提供更多的信息,大多数元素都可以拥有属性。属性的语法:<标签 属性1=参数1>学习2个属性align属性:指定内容的对齐方式,left 左对齐(默认值),right 右对齐,center 居中对齐。bgcolor属性:添加一个背景颜色。

    <!DOCTYPE html>
    <html>
    <head>
    	<meta charset="utf-8">	
    	<title>实例3</title>
    	</head>
    	<body bgcolor="pink">
    	 <h2 align="center">八阵图</h2>
    	 <h3 align="right">作者:杜甫</h3> <hr>
    	 <p align="center">功盖三分国,名成八阵图。</p>
    	 <p align="center">江流石不转,遗恨失吞吴。</p> 
    	 </body>
    	 </html>
    

    在这里插入图片描述

     <!DOCTYPE html>
     <html>
     <head>
     	<title>实例5</title>
     	</head>
     	<body bgcolor="yellow">
     	    <h1 align="center">第一行卖个萌</h1>
     	        <h1 align="center">第二行表立场</h1>
     	            <h3 align="right">英俊的单智涵</h3>
     	                <h3 align="right">这里可以写个日期</h3>
     	                </body>
     	                </html>
    
    

    在这里插入图片描述

    五 文本的格式化

    HTML 使用标签 (“bold”) 与 (“italic”) 对输出的文本进行格式, 如:粗体 or 斜体;这些HTML标签被称为
    格式化标签
    HTML “计算机输出” 标签
    HTML 引文, 引用, 及标签定义

    
        <!DOCTYPE html>
        <html>
        <head>
         <meta charset="utf-8">
          <title>做个测试</title>
           </head>
           <body> 
           <p>My favorite color is <del>blue</del>
            <ins>red</ins>!</p>
             </body>
             </html>``
    
    

    在这里插入图片描述

    六、html链接

    HTML 使用超级链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。HTML使用标签 来设置超文本链接。超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。在标签 中使用了href属性来描述链接的地址。

    <a href="url">链接文本</a>
    举例
    <!DOCTYPE html>
    <html>
    <head>
     <meta charset="utf-8"> 
     <title>to be a test</title>
      </head>
      <body>
       <a href="http://www.bilibili.com/video/av40744746/" target="_blank">访问bilibili视频</a>
        </body>
        </html>
    

    在这里插入图片描述

    七、html头部

    元素包含了所有的头部标签元素。在 元素中你可以插入脚本(scripts), 样式文件(CSS),及各种meta信息。可以添加在头部区域的元素标签为: ,
    <!DOCTYPE html><html>
    <head>
    <title>菜鸟教程(runoob.com)</title>
     <base href="http://www.runoob.com/images/" target="_blank">
     </head> 
     <body>
     <img src="logo.png"> - 注意这里我们设置了图片的相对地址。能正常显示是因为我们在 head 部分设置了 base 标签,该标签指定了页面上所有链接的默认 URL,所以该图片的访问地址为 "http://www.runoob.com/images/logo.png"
     <br><br>
     <a href="http://www.runoob.com">菜鸟教程</a> - 注意这个链接会在新窗口打开,即便它没有 target="_blank" 属性。因为在 base 标签里我们已经设置了 target 属性的值为 "_blank"。 
     </body>
     </html>
    

    在这里插入图片描述

    八,CSS

    内联样式
    当特殊的样式需要应用到个别元素时,就可以使用内联样式。 使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。以下实例显示出如何改变段落的颜色和左外边距。
    内部样式
    表当单个文件需要特别样式时,就可以使用内部样式表。你可以在 部分通过

    举例
    <!DOCTYPE html>
    <html><head>
    <meta charset="utf-8">
     <title> to be a test</title>
     <style type="text/css">
     h1 {color:red;}
     p {color:blue;}</style></head> 
     <body>
     <h1>这是一个标题</h1>
     <p>这是一个段落。</p>
     </body>
      </html>
    

    在这里插入图片描述

    九、html图像

    在 HTML 中,图像由 标签定义。 是空标签,意思是说,它只包含属性,并且没有闭合标签。 要在页面上显示图像,你需要使用源属性(src)。src 指 “source”。源属性的值是图像的 URL 地址。

    //<img src="url" alt="some_text">
    <!DOCTYPE html>
    <html>
    <head> 
    <meta charset="utf-8"> 
    <title>菜鸟教程(runoob.com)</title> 
    </head>
    <body> 
    <p>一个来自文件夹中的图像:</p><img src="/images/chrome.gif" alt="Google Chrome" width="33" height="32"><p>一个来自菜鸟教程的图像:</p>加载页面时,要注意插入页面图像的路径,如果不能正确设置图像的位置,浏览器无法加载图片,图像标签就会显示一个破碎的图片。
    <img src="http://www.runoob.com/images/logo.png" alt="runoob.com" width="336" height="69">
     </body>
     </html>
    

    在这里插入图片描述

    十、html表格

    字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

    实例
    <table border="1"> 
    <tr> <th>Header 1</th>  表头
     <th>Header 2</th> 
     </tr> 
     <tr>
      <td>row 1, cell 1</td>
       <td>row 1, cell 2</td>
        </tr> 
        <tr> 
        <td>row 2, cell 1</td> 
        <td>row 2, cell 2</td> 
        </tr>
         </table>
    

    在这里插入图片描述

    十一、html列表

    无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。

     <ul>
    <li>Coffee</li>
    <li>Milk</li>
    </ul>
    

    · Coffee
    · Milk
    有序列表同样,有序列表也是一列项目,列表项目使用数字进行标记。 列表项使用数字来标记。

    <ol>
    <li>Coffee</li>
    <li>Milk</li>
    </ol>
    
    1. Coffee
    2. Milk
      自定义列表不仅仅是一列项目,而是项目及其注释的组合。
    <dl>
    <dt>Coffee</dt>
    <dd>- black hot drink</dd>
    <dt>Milk</dt>
    <dd>- white cold drink</dd>
    </dl>
    

    Coffee

    • black hot drink
      Milk
    • white cold drink
    实例    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Demo</title>
    </head>
    <body> 
     <h1>   
      My 列表 
       </h1> 
        <table border="2" cellpadding="30">  
          <tr>
                <td>
                	<ul>    
                	  <li>Food</li>  
                	      <ol>    
                	            <li>薯片</li>   
                	                   <li>棒棒糖</li>   
                	                          <li>果冻</li>   
                	                                 <li>巧克力</li>    
                	                                       <li>辣条</li>   
                	                                          </ol>     
                	                                           <li>Fruits</li> 
                	                                                <ol type="A">  
                	                                                      <li>西瓜</li>  
                	                                                            <li>桔子</li>   
                	                                                                 <li>哈蜜瓜</li> 
                	                                                                        <li>草莓</li> 
                	                                                                               <li>葡萄</li>  
                	                                                                                     <li>香蕉</li>    
                	                                                                                         <li>苹果</li>  
                	                                                                                             </ol>      <li>Meat</li>   
                	                                                                                                <ol type="I">    
                	                                                                                                    <li>羊肉</li>    
                	                                                                                                        <li>牛肉</li> 
                	                                                                                                               <li>猪肉</li> 
                	                                                                                                                      <li>鸡肉</li>   
                	                                                                                                                           <li>涮羊肉</li>
                	                                                                                                                                   <li>生鱼片</li>   
                	                                                                                                                                      </ol> 
                	                                                                                                                                       </ul>  
                	                                                                                                                                           </td>    </tr>  
                	                                                                                                                                           </table>
                	                                                                                                                                           </body>
                	                                                                                                                                           </html>
    

    在这里插入图片描述

    十二、html区块

    大多数 HTML 元素被定义为块级元素或内联元素。块级元素在浏览器显示时,通常会以新行来开始(和结束)。实例:

    ,

    ,

      ,

    十三、html布局

    HTML 布局可使用<div> 元素、表格  
    div实例
    	<!DOCTYPE html>
    	<html><head>
    	 <meta charset="utf-8">
    	  <title>菜鸟教程(runoob.com)</title> 
    	  </head>
    	  <body> 
    	  <div id="container" style="width:500px">
    	   <div id="header" style="background-color:#FFA500;">
    	   <h1 style="margin-bottom:0;">主要的网页标题</h1>
    	   </div> 
    	   <div id="menu" style="background-color:#FFD700;height:200px;width:100px;float:left;">
    	   <b>菜单</b>
    	   <br>HTML<br>CSS<br>JavaScript</div> 
    	   <div id="content" style="background-color:#EEEEEE;height:200px;width:400px;float:left;">内容在这里</div>
    	    <div id="footer" style="background-color:#FFA500;clear:both;text-align:center;">版权 © runoob.com</div> 
    	    </div> 
    	    </body>
    	    </html>
    

    在这里插入图片描述

       table实例
       <!DOCTYPE html>
       <html>
       <head> 
       <meta charset="utf-8"> 
       <title>菜鸟教程(runoob.com)</title>
        </head>
        <body> 
        <table width="500" border="0">
        <tr>
        <td colspan="2" style="background-color:#FFA500;">
        <h1>主要的网页标题</h1>
        </td>
        </tr> 
        <tr>
        <td style="background-color:#FFD700;width:100px;vertical-align:top;">
        <b>菜单</b>
        <br>HTML<br>CSS<br>JavaScript</td>
        <td style="background-color:#eeeeee;height:200px;width:400px;vertical-align:top;">内容在这里</td>
        </tr> <tr>
        <td colspan="2" style="background-color:#FFA500;text-align:center;">版权 © runoob.com</td>
        </tr>
        </table> 
        </body>
        </html>
    

    在这里插入图片描述

    十四、html表单

    表单是一个包含表单元素的区域。表单元素是允许用户在表单中输入内容,
    比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。
    表单使用表单标签 <form> 来设置:<input type="reset">定义重置按钮<input type="reset" name="button" id="button" value="重置">点击之后会将重置按钮所在的表单中填写的内容重新设置为默认值。
    表单中的单选按钮可以设置以下几个属性:value、name、checkedvalue:提交数据到服务器的值(后台程序PHP使用)name:为控件命名,以备后台程序 ASP、PHP 使用checked:
    当设置 checked="checked" 时,该选项被默认选中
    
      HTML 表单表单是一个包含表单元素的区域。表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。表单使用表单标签 <form> 来设置:<form>
    .
    input 元素
    .
    </form>HTML 表单 - 输入元素多数情况下被用到的表单标签是输入标签(<input>)。输入类型是由类型属性(type)定义的。大多数经常被用到的输入类型如下: 文本域(Text Fields)文本域通过<input type="text"> 标签来设定,当用户要在表单中键入字母、数字等内容时,就会用到文本域。<form>
    First name: <input type="text" name="firstname"><br>
    Last name: <input type="text" name="lastname">
    </form> 浏览器显示如下:窗体顶端First name: 
    Last name: 窗体底端注意:表单本身并不可见。同时,在大多数浏览器中,文本域的缺省宽度是20个字符。  密码字段密码字段通过标签<input type="password"> 来定义:<form>
    Password: <input type="password" name="pwd">
    </form> 浏览器显示效果如下:窗体顶端Password: 窗体底端注意:密码字段字符不会明文显示,而是以星号或圆点替代。 单选按钮(Radio Buttons)<input type="radio"> 标签定义了表单单选框选项<form>
    <input type="radio" name="sex" value="male">Male<br>
    <input type="radio" name="sex" value="female">Female
    </form> 浏览器显示效果如下:窗体顶端Male
    Female 窗体底端 复选框(Checkboxes)<input type="checkbox"> 定义了复选框. 用户需要从若干给定的选择中选取一个或若干选项。<form>
    <input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
    <input type="checkbox" name="vehicle" value="Car">I have a car 
    </form> 浏览器显示效果如下:窗体顶端I have a bike
    I have a car 窗体底端 提交按钮(Submit Button)<input type="submit"> 定义了提交按钮.当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。:<form name="input" action="html_form_action.php" method="get">
    Username: <input type="text" name="user">
    <input type="submit" value="Submit">
    </form> 浏览器显示效果如下:窗体顶端Username: 窗体底端假如您在上面的文本框内键入几个字母,然后点击确认按钮,那么输入数据会传送到 "html_form_action.php" 的页面。该页面将显示出输入的结果。 
    
    <!DOCTYPE html>
    <html>
    <head>
     <meta charset="utf-8">
      <title>to be try</title>
       </head>
       <body>
        <form action="demo-form.php">First name: <input type="text" name="FirstName" value="Mickey">
        <br>Last name: <input type="text" name="LastName" value="Mouse">
    
        <br>
        <input type="submit" value="Yes"></form>
         <p>点击"提交"按钮,表单数据将被发送到服务器上的“demo-form.php”。
         </p>
          </body>
          </html> 
    

    在这里插入图片描述

    展开全文
  • 走了很多弯路,经过很多次实验抓包之后,终于可以上传成功了。 #include "QNetworkAccessManager" #include "QUrl" #include "QHttpMultiPart" #include "QNetworkRequest" qt 官网给出了一些例子,上传文本的时候...

    最近使用QT做一个应用,需要使用一下几个库模拟http表单上传。走了很多弯路,经过很多次实验抓包之后,终于可以上传成功了。

    #include "QNetworkAccessManager"
    #include "QUrl"
    #include "QHttpMultiPart"
    #include "QNetworkRequest"

    qt 官网给出了一些例子,上传文本的时候可以成功,但是等到长传图片的时候就有了一些问题,通过抓包分析:

    1.单纯上传文本文档时候
    抓包如下:正常上传

    ------WebKitFormBoundaryMpB6TGuCBoHAKJej
    Content-Disposition: form-data; name="tokenid"
    
    001001
    ------WebKitFormBoundaryMpB6TGuCBoHAKJej
    Content-Disposition: form-data; name="mid"
    
    001
    >------WebKitFormBoundaryMpB6TGuCBoHAKJej--
    

    上传图片的时候:

    ------WebKitFormBoundaryMpB6TGuCBoHAKJej
    Content-Disposition: form-data; name="tokenid"
    
    001001
    ------WebKitFormBoundaryMpB6TGuCBoHAKJej
    Content-Disposition: form-data; name="mid"
    
    001
    ------WebKitFormBoundaryMpB6TGuCBoHAKJej--
    Content-Disposition: form-data; name="pic"
    
    asdfhsdfndfhwqdjddau7&&(此处乱码,为二进制或者是base64?)
    ------WebKitFormBoundaryMpB6TGuCBoHAKJej--
    

    经过反复抓取网页向服务器的请求取数据,发现了一个问题,就是qt官方给的历程上少了一个Content-Disposition属性,导致服务器无法识别。

    更改后的程序查抓包后如下:

    ------WebKitFormBoundaryMpB6TGuCBoHAKJej
    Content-Disposition: form-data; name="tokenid"
    
    001001
    ------WebKitFormBoundaryMpB6TGuCBoHAKJej
    Content-Disposition: form-data; name="mid"
    
    001
    ------WebKitFormBoundaryMpB6TGuCBoHAKJej--
    Content-Disposition: form-data; name="pic";filename="hello.jpg"
    
    asdfhsdfndfhwqdjddau7&&(此处乱码,为二进制或者是base64?)
    ------WebKitFormBoundaryMpB6TGuCBoHAKJej--
    

    ok,到此数据上传成功。一下为部分代码,可实现上传图片和文本信息到服务器:
    代码:

    void Controler::upDatasToCloud()
    {
        QHttpMultiPart *multiPart = new QHttpMultiPart(QHttpMultiPart::FormDataType);
        /* tokenid */
        QHttpPart textPart;    textPart.setHeader(QNetworkRequest::ContentDispositionHeader, QVariant("form-data; name=\"tokenid\""));
        textPart.setBody("001001");
        multiPart->append(textPart);
        /* mid */
        textPart.setHeader(QNetworkRequest::ContentDispositionHeader, QVariant("form-data; name=\"mid\""));
        textPart.setBody(this->ui.lineEdit_no->text().toUtf8());
        multiPart->append(textPart);
    
    
        QHttpPart imagePart;
        imagePart.setHeader(QNetworkRequest::ContentTypeHeader, QVariant("image/jpeg"));
        imagePart.setHeader(QNetworkRequest::ContentDispositionHeader, QVariant("form-data; name=\"pic1\"; filename=\""+path_face+"\""));
        QFile *file = new QFile(path_face);
        file->open(QIODevice::ReadOnly);
        imagePart.setBodyDevice(file);
        //file->setParent(multiPart); // we cannot delete the file now, so delete it with the multiPart
        multiPart->append(imagePart);
    
        QHttpPart imagePart1;
        imagePart1.setHeader(QNetworkRequest::ContentTypeHeader, QVariant("image/png"));
        imagePart1.setHeader(QNetworkRequest::ContentDispositionHeader, QVariant("form-data; name=\"pic2\"; filename=\""+path_shetai+"\""));
        QFile *file1 = new QFile(path_shetai);
        file1->open(QIODevice::ReadOnly);
        imagePart1.setBodyDevice(file1);
        //file1->setParent(multiPart);
        multiPart->append(imagePart1);
    
    
        QUrl url("http:your post url");
        QNetworkRequest *request=new QNetworkRequest(url);
    
        QNetworkAccessManager *manager =new QNetworkAccessManager();
        QNetworkReply *reply = manager->post(*request, multiPart);
        multiPart->setParent(reply); // delete the multiPart with the reply
                                     // here connect signals etc.
    
    //更新上传进度
        QObject::connect(reply, &QNetworkReply::uploadProgress, [this](int a, int b) {
    
            this->ui.label_add->setText(QString::number(((float)a) / b));
        });
        QObject::connect(reply, &QNetworkReply::readyRead, [=]() {
            qDebug() << "rpy:"<< reply->errorString() << reply->readAll();
            //文件关闭很多种,但是切记不能提前关闭,否则上传进度卡死。
            file->close();
            file1->close();
        });
    }

    这个函数就可以实现混合数据表单上传了,切记加入filename属性,否则真的很无奈。

    展开全文
  • 制作文件上传,是通过web表单来实现的。  1)请留意如下有关表单的信息:  标签的 enctype 属性规定了在提交表单时要使用哪种内容类型。在表单需要二进制数据时,比如文件内容,请使用 "multipart/form-data...
  • 北京电子科技职业学院 PAGE 1 HTML表单元素课程教案 知识点一: HTML5表单元素 实验目的 熟悉HTML表单元素的运用 一组织教学内容 1.课前点名 2.简单的复习上节课内容 二分析自学效果 根据学生课前自学微课后完成的...
  • sql注入总结

    2017-11-12 14:56:00
    实验测试是基于sqli-labs的实验环境 环境配置:php+mysql 环境搭建请参考 http://www.freebuf.com/articles/web/34619.html Sql注入定义: 就是通过把sql命令插入到web表单提交或输入域名或页面请求的查询字符串...
  • 表单提交 onsubmit="return false

    万次阅读 2016-08-07 15:42:32
    现在来总结一下。<form action="youraction" onsubmit="return false"> ****此处是表单内容***** </from>先让我们来做做,这样的实验。 写如下的代码:<form action="...
  • 第九周学习总结

    2019-05-04 18:45:00
    敲代码时间 ...这周主要学习了web的实验二的第二个项目是做一个abc三个界面分别来提交表单和储存和显示出来利用session来储存,以及php的第二次实验,学到了php 的基本语法以及提高了信心,并且还做了a...
  • (1)什么是表单。 (2)浏览器可以解析运行什么语言。 (3)WebServer支持哪些动态语言。 2.实践总结与体会 (1)遇到的问题与解决 (2)实验感受 3.实践过程记录 (1)Web前端:HTML (2)Web前端:JavaScript (3)Web后端:...
  • 每日总结 2020-04-16

    2020-04-17 00:02:58
    今天时间安排 ...56节:Web 正则表达式 完善了表单实验 78节:做完离散数学5练习题 数据库复习了视图和索引课本 晚上: 安卓代码Intent那块 主要敲了跳转 做了枚举的一道题+ 整理 补2 day 单词 ...
  • 20145308 《网络对抗》 Web应用 学习总结 实验内容 (1)Web前端HTML (2)Web前端javascipt (3)Web后端:MySQL基础:正常安装、启动MySQL,建库、创建用户、修改密码、建表 (4)Web后端:编写PHP网页,连接数据库,进行...
  • 通过把SQL命令插入到Web表单提交框、输入域名框或页面请求框中,最终欺骗服务器执行恶意的SQL命令。 在这个实验中,我们使用的web应用程序称为Collabtive。我们禁用Collabtive的若干防护措施,这样我们就创建了一个...
  • 前台乱码问题总结

    2009-05-08 18:21:15
    表单输入中含有中文和URI中含中文,都会出现乱码..但这两种情况的是不一样的..所以要分清楚.. 1.URI中含中文 经过多次实验,发现用URI包含中文时,必须使用encodeURI或encodeURIComponent,否则无论后台怎么处理...
  • 临近考试,把这学期所有练习的实验从新过一遍,并做一个小结。 前面的内容主要是基础的HTML、CSS、JS部分知识点 后面部分有一些JQuery的练习代码和小项目 加油~ 内容: 学期Web实验小记 实验1—购物信息调查表 设计...
  • 每日总结 2020-04-09

    2020-04-09 23:15:24
    刷题 今天是刷题的一天,基本都在干这个了。 复习大一学的C/C++,好久不练都真的忘没了。...这几次的Web实验课老是干别的 划水严重 。 今天系统补了下 看了课本 补了表单 表格 框架 听听力 说得好快 但是觉...
  • 最近在学习web开发,遇到一个比较棘手的问题,就是web比较烦人的中文乱码问题。 遇到此类问题, 我们也不必担心。想想其中的原理,就可以排除很多问题。 先确定是那个环节的charset...单独做一个小实验。 1.解决表单
  • 通过把SQL命令插入到Web表单提交框、输入域名框或页面请求框中,最终欺骗服务器执行恶意的SQL命令。 在这个实验中,我们使用的web应用程序称为Collabtive。我们禁用Collabtive的若干防护措施,这样我们就...
  • 总结 在登录页面login.jsp中如果输入的用户名为admin并且密码为sise,则单击登录按钮后跳转到welcome.jsp页面;否则页面跳转到login.jsp页面让用户重新输入用户名和密码。要求login.jsp表单的action属性值为login...
  • 实验总结与体会 实验内容 Web前端HTML 能正常安装、启停Apache。理解HTML,理解表单,理解GET与POST方法,编写一个含有表单的HTML Web前端javascipt 理解JavaScript的基本功能,理解DOM。编写JavaScript验证...
  • 2018-2019-2 网络对抗技术 20165115 Exp 8 Web基础 实验基础内容 基础问题回答 实验过程记录 ...2.Web前端:使用JavaScript...实验总结体会 一、实验基础内容 1、基础问题回答 (1)什么是表单 表单时在网页...
  • 作业三Android常用控件应用 姓名 学号 上机时间 实验 内容 文本控件按钮控件单选与复选按钮时间日期控件对话框控件列表控件 实验 目的 熟练应用Android各种控件并结合事件监听器设计注册表单 熟练应用对话框控件单选...
  • 实验总结与心得 一、基础问题回答 1、SQL注入攻击的原理,如何防御? 原理:SQL注入,就是通过把SQL命令插入到Web表单递交或输入域名或页面请求的查询字符串,最终达到欺骗服务器执行恶意的SQL命令。 SQL...
  • 本文中,我将我自己实验过的进行一下总结,自己备忘,也希望能帮助到其他人。1.使用loadRecord加载Model数据。这也是我目前用的较多的。比如有个角色管理,定义如下model“: Ext.define('roleModel',{ exte...

空空如也

空空如也

1 2 3
收藏数 60
精华内容 24
关键字:

表单实验总结