Jfinal+DWZ使用uploadify插件实现文件上传

JFinal学习笔记(四) 实现简单的图片上传 图片上传是网站开发中非常常用的一个功能,本文将详细描述在jfinal框架下如何实现图片上传功能。 首先我在实现图片上传功能时用到了uploadify插件,因此在开发时需要引入相应的文件,分别是uploadify.css、jquery-1.10.2.js、jquery.uploadify.min.js、uploadify.swf、uploadify-cancel.png。这些文件都可以在百度中找到 阅读详情

upload.jsp


var htmlHead="<dl><dt style='width: 120px; text-align: right;'>已上传的文件:</dt><dd id='fileHtmlBody'>";
var htmlBody="";
var htmlFoot="</dd></dl>";
function onComplete(event, queueId, fileObj, response, data){
	var obj = eval( "(" + response + ")" );//转换为JSON对象
	htmlBody+="<div id='file_"+obj.id+"' style='height:25px;line-height:25px;'>";
	htmlBody+="<span style='display:none'><input type='checkbox' class='uploaded' name='fid' value='"+obj.id+"' checked/></span>";
	htmlBody+="<a class='btnAttach'></a><a title='点击右键另存为' target='_blank' href='"+obj.fileurl+"'>"
				+obj.filename+"</a> ("+obj.filesize+")<a href='javascript:deleteFile("+obj.id
				+");'><img src='styles/dwz/uploadify/cancel.png' height='13' align='middle'/></a>";
	htmlBody+="</div>";
	$("#fileList").html(htmlHead+htmlBody+htmlFoot);
}
//删除文件ajax请求
function deleteFile(id){
	$("#file_"+id).load("Main/post/deletefile/"+id);
	$("#file_"+id).remove();
	htmlBody=$("#fileHtmlBody").html();
}
//close前删除已上传的文件
function deleteUploaded(){
	$(".uploaded").each(function(){
		var fileid = $(this).val();
		deleteFile(fileid);
	});
}

------------------------------------------------------------------------

<input id="testFileInput" type="file" name="file" 
	uploader="styles/dwz/uploadify/scripts/uploadify.swf"	//必需,uploadify使用的插件
	cancelImg="styles/dwz/uploadify/cancel.png" 
	script="Main/post/uploadfile"	//必需,上传的服务端入口
	fileQueue="fileQueue" //对应下方的div,用来显示上传进度
	auto="true" 
	onComplete="onComplete"/> //单个文件上传完成执行的js函数
<div id="fileQueue" ></div>
<div class="divider"></div>
<div id="fileList" ></div> //此块用于显示已上传完成的文件


------------------------------------------------------

Post.java

public void uploadfile(){
		String saveDirectory = JFWebConfig.saveDirectory + "download";
		int maxPostSize = JFWebConfig.maxPostSize;		//1024*1024

		UploadFile file = getFile("file", saveDirectory, maxPostSize);
		String fileName = file.getFileName();
		String name=fileName.substring(0,fileName.lastIndexOf('.'));
		String filetype = fileName.substring(fileName.lastIndexOf('.') + 1);
		String filesize = FileUtils.getFileSize(file.getFile().length());
		String fileurl = "upload/" + saveDirectory + "/" + fileName;
		Tab_Downloadfile df = new Tab_Downloadfile();
		df.set("filename", name);
		df.set("fileurl", fileurl);
		df.set("filesize", filesize);
		df.set("filetype", filetype);
		if(df.save()){
			Tab_Downloadfile lastfile = Tab_Downloadfile.dao.getLastSave();
			Map<String, Object> map = new HashMap<String, Object>();
			map.put("id", lastfile.getInt("id"));
			map.put("filename", lastfile.getStr("filename"));
			map.put("fileurl", lastfile.getStr("fileurl"));
			map.put("filesize", lastfile.getStr("filesize"));
			renderJson(map);
		}else{
			renderJson("{\"statusCode\":\"300\",\"message\":\"文件存储出错!\"}");
		}
	}

/**删除文件*/
	public void deletefile(){
		int id = getParaToInt(0);
		Tab_Downloadfile df = Tab_Downloadfile.dao.findById(id);
		if(df!=null){
			try {
				File file = new File(PathKit.getWebRootPath() + "/" + df.getStr("fileurl"));
				if (file.exists()) {
					file.delete();
				}
				df.delete();
			} catch (Exception e) {
				e.printStackTrace();
			}
		}




jfinal配合uploadify实现图片上传 JFinal配合Uploadify实现上传 立即下载

相关推荐

dwz+php后台信息管理系统

发布一个我个人开发和使用的dwz+php后台信息管理系统,希望有人喜欢。这是一个后台信息管理系统的基础架构,功能包括用户登录,角色管理,用户管理,权限管理等。在此基础上,你可以开发你需要的各种信息管理系统。 演示地址:http://www.uadmin.cn/dwz 测试用户密码:admin 123456

DWZ的文件上传表单提交

文件上传表单提交因为Ajax不支持enctype="multipart/form-data" 所以用隐藏iframe来处理无刷新表单提交.  &lt;form method="post" action="url" class="pageForm required-validate" enctype="multipart/form-data" onsubmit="return iframeCa

大Z小z的博客 1242

C#集成Bartender:动态图片标签打印的实战与优化

本文详细介绍了在C#程序中集成Bartender实现动态图片标签打印的实战方法与优化策略。通过具名数据源绑定、图片对象尺寸控制等核心技巧,解决了动态图片显示/隐藏的难题,并提供了从模板设计、代码架构到性能优化、错误处理的全流程指南,帮助开发者构建稳定高效的工业级标签打印系统。

weixin_29216957的博客 431

jfinal + uploadify 插件小问题

jfinal + upload 插件传递参数的问题 jfinal getpara() 获取中文乱码 .getBytes("ISO-8859-1"),"utf-8")

yudi12345的博客 384

对比实验系列:Efficientdet环境配置及训练个人数据集

可以通过下方链接下载Efficientdet源码。

Yayisheng的博客 4586

保姆级教程:用Python和PyTorch复现PTB-XL心电信号分类论文(附完整代码)

本文提供了一份详细的PTB-XL心电信号分类教程,涵盖从数据预处理到模型优化的完整流程。通过PyTorch实现三种深度学习架构(Conv1D、SincNet和熵特征融合网络),并针对医疗AI特有的类别不平衡问题提供解决方案。教程包含可运行的代码示例,帮助开发者快速复现论文结果并应用于实际心电信号分析场景。

weixin_30555125的博客 405

dwz 上传文件问题

问题    the request doesn't contain a multipart/form-data or multipart/mixed stream, 上传页面                           环境是springMVC DWZ  上传方式是common-upload 昨天开发一半,早上来上班,发现一传东西就报错 he re

2055

【5G NB-IoT NTN】3GPP R17 NB-IoT NTN介绍_nbiot ntn

你的支持,我的动力;祝各位前程似锦,offer不断,步步高升!!!” />你的支持,我的动力;祝各位前程似锦,offer不断,步步高升!!!更多资料点击此处获qu!!

2401_83703866的博客 3166

JFinal+WebUploader实现图片的异步上传

关于WebUploaderWebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主,FLASH为辅的现代文件上传组件。 界面友好,使用方便,稍作修改,可快速上手。 官网:这里写链接内容如何使用webuploader到官网去下载完整的源代码包,如图解压之后只需要这三个文件夹下的文件资源,如图 在项目根目录路径下新建文件夹webuploader-0.1.5,然

白夜的随笔 6632

基于 Node.js + MongoDB 技术栈的小众开源短链接程序 —— Lynx

开源的短链接程序有很多,像 YOURLS、Shlink 等大多采用 PHP + MySQL 技术栈。但我之前的服务器配置一般,再加上自己写的小玩具使用的是 Node.js + MongoDB,这些环境已经装在服务器上了,因此更倾向于寻找一款同样基于这套技术栈的短链接程序。搜索了很久才找到这么一款基于的短链接程序——Lynx。这个开源项目非常小众,Star 数只有两百多。

zc_mk的博客 827

PyTorch强化学习实战(3)——Gymnasium API扩展功能

我们已经学习了编写智能体必需的 Gymnasium 核心功能,其余 API 功能部分虽然非必需,但能显著提升开发效率和代码整洁度。在本节中,我们简要地介绍了 Gymnasium API 的扩展功能,学习了如何以模块化的方式扩展现有环境的功能,并熟悉了使用包装器可视化智能体活动的方法。

盼小辉丶的博客 1201

dwz xheditor编辑器文件上传

转载地址:http://blog.youkuaiyun.com/sean_cd/article/details/8027315 client------------------------ <textarea name="fld_content" rows="23" cols="83"

Terry - 专注外贸B2C 1244

第3.4章 机器人第三方库实战总结(四):G2O优化库从入门到实战(附SLAM实例代码)

自定义边同样是满足复杂应用需求的重要手段。自定义边时,需要明确边所连接的顶点类型以及边所表示的误差项的计算方式。假设我们要定义一条边,用于约束两个上述自定义顶点之间的相对位姿和传感器偏移量关系。我们可以这样定义边类:public:// 计算误差// 计算雅可比矩阵// 读盘和存盘函数,这里暂不实现。

行知SLAM 358

Jfinal下使用WebUploader进行分片上传

背景 大文件直传易受网络波动而失败,同时运维人员一直维护失败的队列不合理,需要实现分片上传,webuploader已经是很成熟的分片上传插件了,这里使用webuploader进行分片。 前端 分片通过常规配置可得,主要交互通过以下两个事件可得: beforeSend:分片发送前校验文件,分片若已存在则跳过(这里保证了失败重新传能快速跳过已上传部分) uploadSuccess:文件整体上...

Wilson的博客 1119

第5.2章 【自动驾驶行业融合定位核心】:手把手详解ESKF(误差卡尔曼滤波)理论公式及代码

自动驾驶定位中的ESKF(误差卡尔曼滤波)技术是解决IMU累积误差的关键,通过分离名义状态与误差状态实现高精度定位。其核心步骤包括:1)名义状态递推(位置/速度/姿态的基础物理计算);2)误差传播建模(雅可比矩阵F量化误差影响);3)协方差更新(评估定位不确定性)。ESKF在GNSS信号丢失(如隧道场景)、无卫星定位(地下车库)等场景发挥重要作用,通过融合多传感器数据维持定位精度。工程实现需解决零偏校准、协方差投影等关键问题,噪声参数需通过数据标定而非随意设置。掌握ESKF原理与实现是自动驾驶定位工程师的核

行知SLAM 704

NTscan扫描工具

ntscan是一个扫描器,可以扫描没有密码和弱密码的共享,先到配置文件中填写猜测的用户名和密码,扫描过程中右侧出现的是扫描日志。

JFinal3.4 Controller之文件操作(上传以及下载)

最近做项目用到了文件上传以及下载的一些接口操作,恰好JFinal3.4 自带这些功能吗,下面说一下关于文件上传下载的一些小技巧。 一、getFile文件上传 JFinal让文件上传变得更加简单,几行代码调用就能完成文件上传功能。在文件上传前端代码的表单中一定要加上enctype="multipart/form-data",否则不能正常完成上传任务。这个属性其实是改变了表单的MIME编码,让表单支持二进制数据的传输。 1、编写html页面 <!DOCTYPE html> <ht

熬过万丈孤独,藏下星辰大海 1587

大中型超市收银系统(可直接运行)

光步前台收银系统系统功能:商品销售、商品退货、挂单、收银员权限、会员销售、单品取消、整单取消、商品查询、脱机销售、脱机数据上传,基本资料下载,开钱箱、小票打印、收款结算,支持多币种付款方式(现金、储值卡、礼券、微信等),支持多种促销。运行环境:.net 4.0登陆信息用户名:1001 密码:123456内置商品信息,商品编码可输入00001000 - 00010000,测试效果相关功能键F5 结算 F9挂单 F11商品查询 F8退货 Insert单品取消 Del整单取消 F12开钱箱F2 会员 Ctrl+Z退出系统 Home 锁屏 相关源码待公开

DWZ框架 实现上传功能

qianta                         onsubmit="return validateCallback(this,dialogAjaxDone);">                                                         导入Excel:                

执子之手 与子偕老--小魏专栏 3703

lwip-2.0.3

lwip是瑞典计算机科学院(SICS)的Adam Dunkels 开发的一个小型开源的TCP/IP协议栈。实现的重点是在保持TCP协议主要功能的基础上减少对RAM 的占用。

Devexpress16.2.6破解工具

Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具

jquery ajax实现上传文件代码,带进度条

原文:jquery ajax实现上传文件代码,带进度条源代码下载地址:http://www.zuidaima.com/share/1550463291116544.htm ajax上传文件代码,带进度条的。 首页 http://localhost:端口/项目名/common/test.htm 上传中 标签:jqueryajax上传进度条话题:W...

810364804 375

DWZ+jFinal结合写出的分页!

新学习了jFinal,但

u013682582的专栏 1502

Struts2+ibatis+dwz 框架实现uploadify上传文件

下载js包 (3.2版本) 下载地址:http://www.uploadify.com/download/ 解压后文件: jsp页面 .fileQueue li{margin:5px auto;padding:2px 15px 2px;width:85%;height:30px;line-height:30px;font-size:14px;border:1px dashed

canyingtian的博客 880

ThinkPHP+DWZ(xhEditor)上传图片

DWZ使用xhEditor作为编辑器。 一、HTML页Form无需添加 enctype="multipart/form-data" 也无需添加别的脚本 二、PHP页 //上传 public function upload() { $upload = new \Think\Upload();// 实例化上传类 $upload->maxSize = 314572

leejianjun的博客 1847
上一篇: mysql外键删不掉的问题
下一篇: Jfinal下连接SQLServer
ThisTimed
博客等级 码龄14年 0粉丝 3原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值