JSP文件上传组件:Smartupload

图片等文件上传不同于单纯的数字,文件在计算机中以二进制的形式存在,文件的上传要用到Smartupload组件。我们一起学习一下如何利用Smartupload组件上传文件。

Smartupload简介

Smartupload是由www.jspsmart.com网站开发的一套上传组件包,可以方便的实现文件的上传及下载功能,Smartupload组件使用很简单,可以实现上传文件类型的限制、也可以轻易的取得上传文件的名称,后缀、大小等。

Smartupload本身是一个系统提供的jar包(和数据库操作时导入包是一个原理),用户直接将此包放到classpath下,也可以直接拷贝到Tomcat_homelib目录之中。

注意:   文件的上传有很多中,Smartupload只是其中的一种,但是提供这个组件的www.jspsmart.com网站已经关闭了,但是直到今天Smartupload因为它的好用一直被广泛应用到现在。

实例来讲解Smartupload组件上传文件的应用

这个实例将把我桌面上的一张名字为dahai.jpg的图片上传到文件夹upload中。

使用此组件可以完成上传,在上传的时候有一点需要注意的是,必须选择好要上传的文件是哪一个,这个选择肯定是由HTML中的表单来完成。

由于要上传文件了,则表单必须进行封装,因为传递的不再是普通的文本数据,表单的封装通过enctype来完成。

smart_01.html
<html>
<head>
<title>WEB开发</title>
</head>
<body>
<form action="smart_01.jsp" method="post" enctype="multipart/form-data">   <!--封装表单-->
  请选择要上传的文件:<input type="file" name="pic">
    <input type="submit" value="上传">
</form>
</body>
</html>

这儿要注意的是:

1. 由于考虑到上传的文件一般都比较大,所以method要用post,而不能用get,因为get受地址栏长度的限制。

2.enctype="multipart/form-data"表示将按照二进制的形式提交,因为图片等文件都不是单纯的数字了,而是二进制形式的文件。

现在既然表单已经完成了,则此时就可以通过Smartupload完成上传了。在上传之前先做好如下几步:

1. 建立一个upload的文件夹来盛放上传的东西(图片dahai.jpg)。这个文件夹在MyEclipse中的创建如下图所示:

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索文件
, 二进制
, 表单
, 上传
, 上传文件
, 文件夹
, 文件上传
, 组件
, smartupload
, jsp 上传 2g 大文件
, 缓存图片表单jsp
, 插件上传图片jsp
, jsp 图片上传
JSP图片上传
,以便于您获取更多的相关知识。

时间: 2024-11-03 20:14:20

JSP文件上传组件:Smartupload的相关文章

文件上传组件和其它组件的取代方案

上传 文件上传:你使用下面Html文件看看,------upload.htm------<HTML><BODY><FORM METHOD="Post" ENCTYPE="multipart/form-data" ACTION="upload.asp">文件:<INPUT TYPE="file" NAME="txtFileName"><INPUT TYPE

QFaces1.2 --Ajax方式,带进度条的文件上传组件FileUpload(for JSF)

这是QFaces的第4个组件,Ajax方式带进度条的文件上传组件,我希望每一个重要组件都提升一个版本, 呵呵!这个版本同时修正了ie6下的ajax兼容问题.在介绍完这个组件之后,打算介绍一下如何利用QFaces自 定义自己的Ajax组件,希望这个增强框架能对喜欢JSF的人有一些帮助.后面版本的升级可能就不会这么快, 或者考虑兼容一下facelets,并修正一些可能出现的错误,还有开源计划,然后继续维护并增加一些比较常 用与实用的组件,关注一下JSF2.0的发展等等. 好了,下面介绍一下QFace

asp利用文件上传组件upload

我们是利用upload文件上传组件进行文件上传哦. <%Server.ScriptTimeOut=5000%> <!--#include file="conn.asp"--> <!--#include FILE="upload_5xsoft.inc"--> <html> <head> <title>文件上传</title> <link rel="stylesheet&

COS 2017.5 发布,Java 文件上传组件

老牌轻量级 java web 文件上传组件 cos 已多年未更新过,cos-2017.5 版本根据 JFinal 用户反馈比较多的几个需求进行了升级: 1:支持文件上传表单域使用同名的 name属性 <form action="/upload" method="POST" enctype="multipart/form-data"> <input type="file" name="aaa"

JS组件系列——Bootstrap文件上传组件:bootstrap fileinput

JS组件系列--Bootstrap文件上传组件:bootstrap fileinput 前言:之前的三篇介绍了下bootstrap table的一些常见用法,发现博主对这种扁平化的风格有点着迷了.前两天做一个excel导入的功能,前端使用原始的input type='file'这种标签,效果不忍直视,于是博主下定决心要找一个好看的上传组件换掉它.既然bootstrap开源,那么社区肯定有很多关于它的组件,肯定也有这种常见的上传组件吧.经过一番查找,功夫不负有心人,还是被博主找到了这个组件:boo

Fine Uploader文件上传组件

原文 Fine Uploader文件上传组件 最近在处理后台数据时需要实现文件上传.考虑到对浏览器适配上采用Fine Uploader. Fine Uploader 采用ajax方式实现对文件上传.同时在浏览器中直接支持文件拖拽[对浏览器版本有要求类似IE版本必须是9或是更高的IE10].在不同浏览器中提供统 一用户体验.该组件基本覆盖目前所有主流浏览器.同时没有任何第三方组件依赖.相当Clear.在服务器端已经覆盖支持了 ASP.NET/ColdFusion/Java/Node.js/Perl

jsp-关于JSP文件上传的FileUpload

问题描述 关于JSP文件上传的FileUpload this.fileItems = upload.parseRequest(request); 上述语句报错! 为何我这里没有ServletFileUpload.parseRequest(HttpServletRequest)呢 解决方案 http://blog.csdn.net/qy1387/article/details/8103732 解决方案二: 我会用法,但是,我写上面那条语句的时候,编译器告诉我语句语法错了 解决方案三: 是无法编译么

多文件上传组件FineUploader使用心得

原文 多文件上传组件FineUploader使用心得 做Web开发的童鞋都知道,需要经常从客户端上传文件到服务端,当然,你可以使用<input type="file"/>来上传文件,这是Asp.Net默认的上传文件元素.但是,受到系统的限制,如果要更改file元素的样式,让他看起来 美观一些,这就比较费劲了,当然可能是本人css功夫没到家吧,总之试了几次,也没能达到想要的效果.最终,就决定用第三方插件吧.由于项目组成员之前都 用的是FileUploader,所以就毫不犹豫的

Bootstrap Fileinput文件上传组件用法详解_javascript技巧

一.效果展示 1.原始的input type='file',简直不忍直视. 2.不做任何装饰的bootstrap fileinput:(bootstrap fileinput初级进化) 3.bootstrap fileinput高级进化:中文化.可拖拽上传.文件扩展名校验(如果不是需要的文件,不让上传) 拖拽上传 上传中 4.bootstrap fileinput究极进化:允许同时多线程上传多个文件. 上传中 上传完成后 二.代码示例 怎么样?效果如何?不要急,我们一步一步来实现以上的效果. 1