jquery OCUpload一键上传插件和pinyin4J使用

一、OCUpload(One Click Upload)

第一步:将js文件引入页面

<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-1.8.3.js"></script>

<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery.ocupload-1.1.2.js"></script>

第二步:在页面中提供任意一个元素

第三步:调用插件提供的upload方法,动态修改HTML页面元素

<script type="text/javascript">

$(function(){

//页面加载完成后,调用插件的upload方法,动态修改了HTML页面元素

$("#button-import").upload({
                  action:"regionAction_importXls.action",
                  name:"regionFile"
               });

});

</script>

第四步:在服务端接收上传的文件

在Action中提供一个File类型的属性,名称和上传的文件输入框名称一致regionFile

@Controller

@Scope("prototype")

public class RegionAction extends BaseAction<Region>{

//属性驱动,接收上传的文件

private File regionFile;

public void setRegionFile(File regionFile) {

this.regionFile = regionFile;

}

       //上传excel

  public String importXls(){

System.out.println(regionFile);

return NONE;

}

二、pinyin4J

1.    <!-- 引入pinyin4J的依赖 -->

<dependency>

<groupId>com.belerweb</groupId>

<artifactId>pinyin4j</artifactId>

<version>2.5.0</version>

</dependency>

2.测试

@Test

public void test1(){

//河北省   石家庄市   桥西区

String province = "河北省";

String city = "石家庄市";

String district = "桥西区";

//简码---->>HBSJZQX

province = province.substring(0, province.length() - 1);

city = city.substring(0, city.length() - 1);

district = district.substring(0, district.length() - 1);

String info = province + city + district;

String[] headByString = PinYin4jUtils.getHeadByString(info);

String shortcode = StringUtils.join(headByString);

System.out.println(shortcode);

//城市编码---->>shijiazhuang

String citycode = PinYin4jUtils.hanziToPinyin(city, "");

System.out.println(citycode);

}

原文地址:https://www.cnblogs.com/naixin007/p/9096091.html

时间: 2024-08-29 01:42:17

jquery OCUpload一键上传插件和pinyin4J使用的相关文章

jQuery OCUpload ——&gt; 一键上传插件

OCUpload为jQuery的插件(One Click Upload),意思为一键上传,封装了对于文件上传的一些方法,只需几行代码,文件上传优雅而简洁.      对于传统的文件上传,只是通过input标签,通过设置enctype为multipart/form-data,选中文件后还需点击按钮,提交表单,才能在后台进行相关字段解析,通过流来进行文件上传,上传成功后,页面多半要刷新,无法给用户良好的体验.OCUpload实现了页面“不刷新”,选择文件后直接上传,不需要选中文件后再点击按钮上传表单

赞!带进度条的 jQuery 文件拖放上传插件

jQuery File Uploader 是一个 jQuery 文件拖放上传插件,包括 Ajax 上传和进度条效果.作者编写这个插件的想法是要保持它非常简单,不像其他的插件,很多的标记,并提供一些 Hack 的方式使之兼容那些古老的浏览器.jQuery File Uploader 重点是现代浏览器,而且还提供了一个方法让你知道什时候插件不支持使用. 立即下载      在线演示 jQuery File Uploader 是一个 jQuery 文件拖放上传插件,包括 Ajax 上传和进度条效果.作

JQuery的AjaxUpdater上传插件

JQuery的AjaxUpdater上传插件. 其实JQuery已经提供了很多基于Ajax的调用方法,那为什么还要做这样一个Ajax插件呢! 其实目的很简单就是为了调用更方便.m.mlyrx120.com 这个插件的特点就是允许通过HTML属性描述来进行一个Ajax操作的定义; 也就是说通过使该插件只要简单的属性描述就能实现Ajax请求和局部更新的功能. 描述信息分两部分 第一部分是描述Ajax提交的配置信息ajaxupdater属性: 属性成员分别明:url提交的路径,updater提交后更新

Jquery自定义图片上传插件

1 概述 编写后台网站程序大多数用到文件上传,可是传统的文件上传控件不是外观不够优雅,就是性能不太好看,翻阅众多文件上传控件的文章,发现可以这样去定义一个文件上传控件,实现的文件上传的效果图如下: 2.该图片上传插件实现功能如下: 1>能够异步上传,上传成功之后,服务器返回响应结果:能够定义上传前和上传后自定义处理方式: 2>能够实现文件格式判断,过滤非图片文件: 3>服务端能够过滤重复上传的图片: 3.页面代码分析: 1>.Jquery图片上传插件代码如下: // 选中文件, 提

Jquery学习---一键上传

一键上传 jar包下载 jquery代码 $(function () { $(".uploadfile").upload({ action: 'CourseXMLFileUploadHander.ashx', name: 'xml', params: { 'type': 'uploadCourseXMLFile', 'rand': Math.random() }, onSelect: function (self, element) { this.autoSubmit = false;

详解jQuery uploadify文件上传插件的使用方法

uploadify这个插件是基于js里面的jquery库写的.结合了ajax和flash,实现了这个多线程上传的功能. 现在最新版为3.2.1. 在线实例 实例中用到的php文件UploaderDemo.php请在页面下方下载 引入文件 <link rel="stylesheet" type="text/css" href="uploadify.css" /> <script type="text/javascript

jQuery无刷新上传插件Uploadify的上传按钮不显示

使用的 免费的flash版本,电脑也有 flash player 的9.0.24版本以上 在浏览器上传按钮不能正常显示, 这是  因为浏览器禁止了flash , 需要开启flash , 例:使用的谷歌浏览器 未开启flash  是这个样子,需要开启flash 下面是一个方法 即可正常显示: 或者 打开 谷歌浏览器的设置 -  高级 - 内容设置- Flash - 允许网站运行Flash

jQuery上传插件Uploadify使用详解(转发原作者冯威)

jQuery上传插件Uploadify使用详解 本文Uploadify版本为2.1.0,已经过时,截止(2016-09-25)最新版本3.2.1的详细介绍请移步<jQuery上传插件Uploadify使用详解(3.2.1)> Uploadify是jQuery的一个上传插件,实现的效果非常不错,带进度显示.不过官方提供的实例时php版本的,本文将详细介绍Uploadify在Aspnet中的使用,您也可以点击下面的链接进行演示或下载. 官方下载 官方文档 官方演示 首先按下面的步骤来实现一个简单的

jquery 上传插件 uploadify

官网:http://www.uploadify.com/社区:http://www.uploadify.com/forum/ 基于jQuery的文件上传插件,有flash(Uploadify)和html5(UploadFive)两个版本 特点说明:-----------------1.支持多文件上传2.支持拖放上传(html5版本)3.上传进度显示4.可自定义上传限制,包括文件大小.文件数量.文件类型5.高度可定制性 关于下载-------------------Uploadify™:基于fla