用ext实现上传文件的源代码,该怎么处理
日期：2014-05-17 浏览次数：20840 次
用ext实现上传文件的源代码
求：
用ext+spring实现的图片上传的源代码
跟这边发表提问事，点击“点击上传附件”时出现的对话框一样的效果
------解决方案--------------------
DEMO------EXT+Servlet文件上传2007-12-28 11:11做了一个简单的文件上传,测试文本文件通过,图片不能通过.
大家修改
-----index.jsp-------------
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<html>
<head>
<script type="text/javascript" src="js/ext/ext-base.js"></script>
<script type="text/javascript" src="js/ext/ext-all.js"></script>
<script type="text/javascript" src="js/ext/locale/ext-lang-en.js"></script>
<link rel="stylesheet" type="text/css" href="js/ext/resources/css/ext-all.css" />
<link rel="stylesheet" type="text/css" href="js/ext/resources/css/xtheme-aero.css" />
</head>
<body>
<script text="text/javascript">
Ext.onReady(function(){
Ext.QuickTips.init();
Ext.form.Field.prototype.msgTarget = 'side';
var uploadFile = new Ext.form.Form({
url:'<%=request.getContextPath()%>/servlet/UploadServlet',
labelAlign: 'null',
labelWidth: null,
buttonAlign: 'left',
fileUpload: true,
});
uploadFile.column({width:300, style:null});
uploadFile.add(new Ext.form.TextField({fieldLabel: '选择文件',name: 'myFile',value: '',inputType:'file'}));
uploadFile.addButton('确定保存', function() {
uploadFile.url = '<%=request.getContextPath()%>/servlet/UploadServlet';
uploadFile.action = '<%=request.getContextPath()%>/servlet/UploadServlet';
if (uploadFile.isValid()) {
uploadFile.submit({
params:{action:'submit',flag:'true'},
waitMsg:'Uploading...',
method: 'post',
success:function(form, action ){Ext.MessageBox.alert('Success!','上传成功！');},
failure:function(form, action ){var data = action.result;Ext.MessageBox.alert('Failed!', '上传失败');}});
}
else {
Ext.MessageBox.alert('Errors', '表单有错误，请确认后再提交.');
}
}, uploadFile);
uploadFile.render('grid-example');
});
</script>
<div id="grid-example"></div>
</body>
</html>
--------------------------servlet--------------------------------
package com.zxg.test.servlet;
import java.io.BufferedInputStream;
import java.io.BufferedOutputStream;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.PrintWriter;
import javax.imageio.stream.ImageOutputStream;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class UploadServlet extends HttpServlet {
/**
* Constructor of the object.
*/
public UploadServlet() {
super();
}
/**
* Destruction of the servlet. <br>
*/
public void destroy() {
super.destroy(); // Just puts "destroy" string in log
// Put your code here
}
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
BufferedInputStream bis=new BufferedInputStream(request.getInputStream());
BufferedOutputStr
求：
用ext+spring实现的图片上传的源代码
跟这边发表提问事，点击“点击上传附件”时出现的对话框一样的效果
------解决方案--------------------
DEMO------EXT+Servlet文件上传2007-12-28 11:11做了一个简单的文件上传,测试文本文件通过,图片不能通过.
大家修改
-----index.jsp-------------
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<html>
<head>
<script type="text/javascript" src="js/ext/ext-base.js"></script>
<script type="text/javascript" src="js/ext/ext-all.js"></script>
<script type="text/javascript" src="js/ext/locale/ext-lang-en.js"></script>
<link rel="stylesheet" type="text/css" href="js/ext/resources/css/ext-all.css" />
<link rel="stylesheet" type="text/css" href="js/ext/resources/css/xtheme-aero.css" />
</head>
<body>
<script text="text/javascript">
Ext.onReady(function(){
Ext.QuickTips.init();
Ext.form.Field.prototype.msgTarget = 'side';
var uploadFile = new Ext.form.Form({
url:'<%=request.getContextPath()%>/servlet/UploadServlet',
labelAlign: 'null',
labelWidth: null,
buttonAlign: 'left',
fileUpload: true,
});
uploadFile.column({width:300, style:null});
uploadFile.add(new Ext.form.TextField({fieldLabel: '选择文件',name: 'myFile',value: '',inputType:'file'}));
uploadFile.addButton('确定保存', function() {
uploadFile.url = '<%=request.getContextPath()%>/servlet/UploadServlet';
uploadFile.action = '<%=request.getContextPath()%>/servlet/UploadServlet';
if (uploadFile.isValid()) {
uploadFile.submit({
params:{action:'submit',flag:'true'},
waitMsg:'Uploading...',
method: 'post',
success:function(form, action ){Ext.MessageBox.alert('Success!','上传成功！');},
failure:function(form, action ){var data = action.result;Ext.MessageBox.alert('Failed!', '上传失败');}});
}
else {
Ext.MessageBox.alert('Errors', '表单有错误，请确认后再提交.');
}
}, uploadFile);
uploadFile.render('grid-example');
});
</script>
<div id="grid-example"></div>
</body>
</html>
--------------------------servlet--------------------------------
package com.zxg.test.servlet;
import java.io.BufferedInputStream;
import java.io.BufferedOutputStream;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.PrintWriter;
import javax.imageio.stream.ImageOutputStream;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class UploadServlet extends HttpServlet {
/**
* Constructor of the object.
*/
public UploadServlet() {
super();
}
/**
* Destruction of the servlet. <br>
*/
public void destroy() {
super.destroy(); // Just puts "destroy" string in log
// Put your code here
}
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
BufferedInputStream bis=new BufferedInputStream(request.getInputStream());
BufferedOutputStr
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
