上传图片 | 易学教程

使用Struts2上传图片

阅读更多关于使用Struts2上传图片

在Struts2中为我们提供了比较简单的文件上传方式. 首先引入commons-fileupload-x.jar、commons-io-x.jar 这两个jar包,然后引入Struts2相关jar包接下来新建一个jsp文件:写一个文件上传表单,这里需要特别注意要在form加上enctype="multipart/form-data" method="post" . <s:form id="upload-form-1" name="upload-form-1" action="/user/bookAction!uploadbook" method="post" enctype="multipart/form-data"> 书籍名称：<input type="text" name="uploadbookform.book_name"/><br> 书籍封页图:<input type="file" name="uploadbookform.book_pic"/><br> 作者:<input type="text" name="uploadbookform.book_author"/><br> 译者:<input type="text" name="uploadbookform.book_translator"/><br> 内容简介:<input type="text" name=

Enctype=multipart/form-data

阅读更多关于 Enctype=multipart/form-data

今天做个图片上传，就是一直报错，上传不成功。后来发现少加了Enctype=multipart/form-data，那么这段代码有什么作用呢？ ENCTYPE="multipart/form-data"用于表单里有图片上传。 <form name="userInfo" method="post" action="first_submit.jsp" ENCTYPE="multipart/form-data"> 表单标签中设置enctype="multipart/form-data"来确保匿名上载文件的正确编码。如下： <tr> <td height="30" align="right">上传企业营业执照图片：</td> <td><INPUT TYPE="FILE" NAME="uploadfile" SIZE="34" onChange="checkimage()"></td> </tr> 就得加ENCTYPE="multipart/form-data"。表单中enctype="multipart/form-data"的意思，是设置表单的MIME编码。默认情况，这个编码格式是application/x-www-form-urlencoded，不能用于文件上传；只有使用了multipart/form-data，才能完整的传递文件数据，进行下面的操作. enctype=

commons-fileupload组件上传图片介绍

阅读更多关于 commons-fileupload组件上传图片介绍

基于表单的文件上传如果在表单中使用表单元素 <input type=“file” />，浏览器在解析表单时，会自动生成一个输入框和一个按钮，输入框可供用户填写本地文件的文件名和路径名，按钮可以让浏览器打开一个文件选择框供用户选择文件：当表单需要上传文件时，需指定表单 enctype 的值为 multipart/form-data 在 form 元素的语法中，enctype 属性指定将数据发送到服务器时浏览器使用的编码类型。 enctype 属性取值: application/x-www-form-urlencoded：表单 enctype 属性的默认值。这种编码方案使用有限的字符集，当使用了非字母和数字时，必须用”%HH”代替(H 代表十六进制数字)。对于大容量的二进制数据或包含非 ASCII 字符的文本来说，这种编码不能满足要求。 multipart/form-data ：form 设定了enctype=“multipart/form-data”属性后，表示表单以二进制传输数据 . Commons-fileupload 组件上传的基本原理 FileUpload组件将页面提交的所有元素(普通form表单域，如text和文件域file)都看作一样的FileItem，这样上传页面提交的 request请求也就是一个FileItem的有序组合

百度Ueditor编辑器的使用

阅读更多关于百度Ueditor编辑器的使用

Ueditor 编辑器非常强大，是一款几乎能满足任何需求的富文本编辑器，开箱即用，不用繁琐的配置，本人博客中用到，于是将使用的方法总结出来，以供参考。注：本编辑器用的为php版本下载包，下载地址 ##一、精简编辑器工具栏 ###原Ueditor工具栏 ###精简Ueditor工具栏由于Ueditor带的功能过多，这里我们精简一下，选一些最常用的即可，如下：精简后的编辑器工具栏，是不是变得简洁、清爽多了。 ###如何简化？只需要在实例化编辑器的时候，选自己需要的工具即可，详情可以参考 Ueditor官方文档 demo.html文件 <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="GBK"> <title>ueditor demo</title> </head> <body>  <script id="container" name="content" type="text/plain"> 这里写你的初始化内容 </script>  <script type="text/javascript" src="ueditor.config.js"></script>  <script type="text