JAVA fileupload怎么用_jquery.fileupload使用例子java

jsp页面信息如下,整个页面信息

pageEncoding="utf-8" import="java.io.*"%>

String path = request.getContextPath();

String basePath = request.getScheme() + "://"

+ request.getServerName() + ":" + request.getServerPort()

+ path + "/";

%>

content="initial-scale=1.0,user-scalable=no, minimum-scale=1,maximum-scale=1,width=device-width"

name="viewport">

上传图片

文件上传

id="fileupload" type="file" name="file" multiple>

/*global window, $ */

$(function() {

'use strict';

var url = window.location.hostname == 'blueimp.github.io' ? '//jquery-file-upload.appspot.com/'

: 'user.action?methods=editimg', uploadButton = $('')

.addClass('btn btn-primary').prop('disabled', true).text(

'Processing...').on('click', function() {

var $this = $(this), data = $this.data();

$this.off('click').text('正在上传').on('click', function() {

$this.remove();

data.abort();

});

data.submit().always(function() {

$this.remove();

});

});

$('#fileupload').fileupload({

url : url,

dataType : 'json',

autoUpload : false,

acceptFileTypes : /(\.|\/)(gif|jpe?g|png)$/i,

maxFileSize : 5000000, // 5 MB

disableImageResize : /Android(?!.*Chrome)|Opera/

.test(window.navigator.userAgent),

previewMaxWidth : 100,

previewMaxHeight : 100,

previewCrop : true

}).on(

'fileuploadadd',

function(e, data) {

data.context = $('

$.each(data.files, function(index, file) {

var node = $('

$('').text(file.name));

if (!index) {

node.append('
').append(

uploadButton.clone(true).data(data));

}

node.appendTo(data.context);

});

}).on('fileuploadprocessalways',function(e, data) {

var index = data.index, file = data.files[index], node = $(data.context.children()[index]);

if (file.preview) {

node.prepend('
').prepend(file.preview);

}

if (file.error) {

node.append('
').append(

$('').text(

file.error));

}

if (index + 1 === data.files.length) {

data.context.find('button').text('上传').prop(

'disabled', !!data.files.error);

}

}).on('fileuploadprogressall', function(e, data) {

var progress = parseInt(data.loaded / data.total * 100, 10);

$('#progress .progress-bar').css('width', progress + '%');

}).on('fileuploaddone',function(e, data) {

var result = data.result.code;

if(result=='1'){

globe.lvToast(false, "图像上传成功!", LT_LOADING_CLOSE);

setTimeout(function() {

//window.location.href = "index.action";

}, 2000);

}else{

globe.lvToast(false, data.msg, LT_LOADING_CLOSE);

}

}).on('fileuploadfail',

function(e, data) {

globe.lvToast(false, '头像上传失败', LT_LOADING_CLOSE);

}).prop('disabled', !$.support.fileInput).parent().addClass($.support.fileInput ? undefined : 'disabled');

});

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/267816.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

清高是有代价的

朋友C哥,才高八斗。虽然是记者出身,做过报社社长,但是老刘认为C哥之才,最重要的并非文章学问,而是做事之才、经营之才、管理之才。由报社社长至投资公司总裁,并完成某公司香港上市,被人誉为干了…

Java中常用的测试工具JUnit

使用步骤 1.新建一个test源文件夹(SourceFolder),避免和业务代码的src混在一起 2.在test下新建JUnit Test Case 3.相关测试代码放到一个Test Case,每个小的测试代码搞一个测试的方法,方法上标记Test BeforeClass 标注BeforeClass的…

python pyqt eric_科学网—PyQt及Eric的安装 - 张鲁新的博文

PyQt及Eric的安装已有 10440 次阅读2010-4-16 13:19|个人分类:生活点滴|系统分类:科研笔记|Python, Eric, PyQtPython是功能很强大的脚本语言。Qt是跨平台的界面开发语言。二者的结合就是PyQt,而Eric则是由Python开发的一款支持PyQt的IDE。 Python目前有两个较大的版…

sharepoint对象模型性能比较

sharepoint的对象模型的属性和方法有多种,可能对于一些初学者不明白他们之间有什么区别,那种更优越,在何种情况下用那种属性或方法,通过这篇文章你会有所了解 1,splist 有些人喜欢通过列表的名字去获得列表&#xff0c…

package.json---入门说明

直接的说:就是管理你本地安装的npm包 一个package.json文件可以做如下事情: 展示项目所依赖的npm包 允许你指定一个包的版本[范围] 让你建立起稳定,意味着你可以更好的与其他开发者共享 创建package.json 在你要创建的目录下执行:…

java多线程实战指南_学习笔记《Java多线程编程实战指南》二

2.1线程属性属性属性类型及用途只读属性注意事项编号(id)long型,标识不同线程是不适合用作唯一标识名称(name)String型,区分不同线程否设置名称有助于代码调试和问题定位线程类别(daemon)boolean型,true为守护线程,false为用户线程否在start方…

putty, puttycm区别

2019独角兽企业重金招聘Python工程师标准>>> 在windows上实现telnet, ssh等工具有几个方案可以选择, 本文总结了putty putty cm的方案, 并且简短地和 cygwin console2方案做了一下比较. 由于putty的安装 配置比较简单, 本文主要讨论了Putty cm的配置和中文的支持.…

思科网络基础之访问控制列表

loading....转载于:https://www.cnblogs.com/changha0/p/8185866.html

java编写日期_Java常用日期操作

//日期转字符串,根据需要调整格式Testpublic voidDateToString(){Date currentTime newDate();SimpleDateFormat formatter new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");String dateStringformatter.format(currentTime);System.out.println(dateString);}字符串转…

使用jQuery Treeview插件实现树状结构效果

首先到一个国外网站上下载Treeview插件:http://bassistance.de/jquery-plugins/jquery-plugin-treeview/当然你也可以通过我博客的源文件直接下载:http://files.cnblogs.com/jishume/jquery_api_for_dw4.rar 为了形象一点,先看一个效果图&…

冲刺二周04

第四天: 昨天干什么:完成搜索界面 今天干什么:编写模糊查询搜索的代码 遇见什么问题:不熟悉 团队成员会议照: 转载于:https://www.cnblogs.com/ghl0518/p/8301051.html

[转]The Top 10 Attributes of a Great Programmer

With all the latest attention again on what does and doesn’t make a good programmer, I couldn’t help but put together my own top 10 list. Being a great problem solver.Being driven and lazy at the same time.Ability to understand other people’s codeHaving…

zabbix查看mysql同步_Zabbix 检测Mysql数据库的主从同步

在高并发网站架构中,MySQL数据库主从同步是不可或缺的,不过经常会发生由于网络原因或者操作错误,MySQL主从经常会出现不同步的情况,那么如何监控MySQL主从同步,也变成检测网站正常运行的重要环节。MySQL同步功能由3个线…

LeetCode String Compression

原题链接在这里:https://leetcode.com/problems/string-compression/description/ 题目: Given an array of characters, compress it in-place. The length after compression must always be smaller than or equal to the original array. Every elem…

瀑布模型 原型模型 增量模型 螺旋模型的优缺点

瀑布模型的优点:有利于大型软件开发过程中人员的组织、管理,有利于软件开发方法和工具的研究,从而提高了大型软件项目开发的质量和效率。瀑布模型的缺点:(1)开发过程一般不能逆转,否则代价太大&…

二手手机交易平台使用MYSQL的方法_安卓Android校园淘(二手交易)APP设计与实现(MySQL)...

安卓Android校园淘(二手交易)APP设计与实现(MySQL)(任务书,开题报告,中期检查表,文献综述,外文翻译,毕业论文14000字,程序代码,MySQL数据库)本项目就是一个基于Android平台的校园淘APP设计,采用了Struts技术,JDBC技术和Android的基础技术完成开发。收录了…

频繁项集-------产生强关联规则的过程

频繁项集------->产生强关联规则的过程 1.由Apriori算法(当然别的也可以)产生频繁项集 2.根据选定的频繁项集,找到它所有的非空子集 3.强关联规则需要满足最小支持度和最小置性度 (假设关联规则是:A>B &#…

ADSL之PPPOE

大家好!我是书记,今天我来小谈一下网络中的PPPOE技术。 PPPOE(Point to Point Protocol over Ethernet)以太网点到点协议,简单的说,是以太网协议和PPP协议结合后所产生的协议,是在PPP协…

java标号

标号用于控制循环执行流程&#xff1a; public static void main(String[] args) {mark:for(int i 0; i < 3; i) {System.out.printf("i %d\n", i);for (int j 0; j < 3; j) {System.out.printf("j %d\n", j);if (i 1 && j 1) {//brea…

LAMP环境下ECShop系统部署

作业环境服务器端&#xff1a;RHEL6.0 IP&#xff1a;10.8.110.8 客户端&#xff1a;Windows 7 IP&#xff1a;10.8.110.28 一、ECShop简介 ECShop是上海商派网络科技有限公司&#xff08;ShopEx&#xff09;旗下——B2C独立网店系统&#xff0c;适合企业及个人快速构建个…