记一种有图片上传的表单提交
Posted ly133333333333333
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了记一种有图片上传的表单提交相关的知识，希望对你有一定的参考价值。
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>动态加载下拉框中的类别_文件上传_添加商品</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <script type="text/javascript" src="js/jquery-1.11.3.min.js"></script> </head> <body> <!-- 上传对客户端和服务器都有要求 --> <!-- 客户端： 1_提交方式为POST,即method="POST" 2_为每个表单项取一个名字,即<input name="pname"> 3_ enctype="application/x-www-form-urlencoded"表示将表单中的内容按URL编码后，随着请求传递到服务器，强调要编码 application/x-www-form-urlencoded是一个默认值 enctype="multipart/form-data"表示将表单中的内容原封不动的将数据随着请求传递到服务器，强调不编码 注意，是对整个表单,只要表单中有上传文件，就得用multipart/form-data,否则就用application/x-www-form-urlencoded --> <form action="${pageContext.request.contextPath}/ProductServlet?action=add" method="POST" enctype="multipart/form-data"> <table border="2" align="center"> <tr> <th>名称[FileItem]</th> <td><input type="text" name="pname" value="小米cc手机"/></td> <th>市场价[FileItem]</th> <td><input type="text" name="market_price" value="105"/></td> <th>商场价[FileItem]</th> <td><input type="text" name="shop_price" value="100"/></td> </tr> <tr> <th>上传文件[FileItem]</th> <td><input type="file" name="pimage"/></td> <th>是否热门[FileItem]</th> <td> <select name="is_hot" style="width:111px"> <option value="1">热门</option> <option value="0">冷门</option> </select> </td> <th>是否上架[FileItem]</th> <td> <select name="pflag" style="width:111px"> <option value="1">上架</option> <option value="0">下架</option> </select> </td> </tr> <tr> <th>所属类别[FileItem]</th> <td> <select id="category" name="cid" style="width:222px"> </select> </td> </tr> <tr> <th>描述[FileItem]</th> <td colspan="6"> <textarea style="width:777px" name="pdesc" cols="30" rows="3">小米小米我爱你，就像老鼠爱大米</textarea> </td> </tr> <tr> <td colspan="8" align="center"> <input type="submit" value="提交" style="width:222px"/> </td> </tr> </table> </form> <!-- 浏览器加载jsp页面时，向服务器发送AJAX请求，获取所有类别信息，并动态的添加到下拉框中 --> <script type="text/javascript"> $(function(){ var url = "${pageContext.request.contextPath}/CategoryServlet?action=findAllCategory"; var data = null; var callback = function(backData){ //解析JSON对象 for(var i=0;i<backData.length;i++){ //一个Eclipse插件，它的名字是:JSEclipse插件 var cid = backData[i].cid; var cname = backData[i].cname; //创建option标签 var $option = $("<option value=‘"+cid+"‘>"+cname+"</option>"); //将option标签动态添加select下拉列表框中 $("#category").append($option); }//for end }; var type = "json"; $.post(url,data,callback,type); }); </script> </body> </html>
以上是关于记一种有图片上传的表单提交的主要内容，如果未能解决你的问题，请参考以下文章