不使用附件组件上传文件

zhaixin · 发表于 2012-11-5 13:35:39

需求：在界面上选择一个文件并上传，在java中获取文件并处理

做法：
1、新增action，参数类型选择object
2、在w文件中放form标签，使用平台提供的/UI/system/components/excel/import/upload.j实现文件的上传

zhaixin · 发表于 2012-11-5 13:50:56

action定义如下

在java中将输入流存为文件，代码如下

public static String uploadFile(InputStream uploadFile, String str) {
System.out.println("字符串参数为：" + str);
String name = java.util.UUID.randomUUID().toString();
File file = new File(getTempDir() + "/" + name + ".tmp");
if (file.exists())
file.delete();
FileOutputStream output;
try {
output = new FileOutputStream(file);
try {
byte[] bs = new byte[1024*4];
int i = -1;
while ((i = uploadFile.read(bs)) != -1) {
output.write(bs, 0, i);
}
output.flush();
System.out.println("文件名：" + file.getName());
} finally {
output.close();
}
} catch (Exception e) {
throw new RuntimeException("上传失败!", e);
}
return "abc";
}
private static String getTempDir() {
return System.getProperty("java.io.tmpdir");
}

复制代码

zhaixin · 发表于 2012-11-5 14:09:16

1、在UI设计器中的合适位置放一个div，在div上点鼠标右键，点查看源码，此时切换到w文件的源码，并定位到div标签。

在div标签中，放入如下代码

<xhtml:form enctype="multipart/form-data" name="f" id="div-form" action="/UI/system/components/excel/import/upload.j"
method="post" target="div-iframe" style="margin:0;">
<xhtml:input name="process" type="hidden" value="/ttt/buy/process/goods/goodsProcess"/>
<xhtml:input name="activity" type="hidden" value="mainActivity"/>
<xhtml:input name="action" type="hidden" value="uploadFileAction"/>
<xhtml:input name="uploadFile" type="file" style="margin-top:4;width:100%;height:20px;vertical-align:middle;line-height:18px;"/>
<xhtml:input name="str" value="123"/>
</xhtml:form>
<xhtml:iframe id="div-iframe" name="div-iframe" style="display:none" onload="mainActivity.afterUploadFile(this);"></xhtml:iframe>

复制代码

这里的form提交，我们使用平台提供的/UI/system/components/excel/import/upload.j实现文件的上传
使用upload.j，需要在form中提供process、activity、action及acton的参数
其中process、activity、action指向在上一步中定义的action，acton的参数指向上一步中定义的action的参数

2、放一个trigger，在单击事件中，调用form提交

mainActivity.trigger1Click = function(event){
var s = justep.Request.convertURL("/UI/system/components/excel/import/upload.j");
var f = document.getElementById('div-form');
//在SP2版本后，form的action属性需要在js中赋值
if(!justep.Browser.IE6 && !justep.Browser.IE7)
f.setAttribute('action', s);
else
f.attributes['action'].value = s;
f.submit();
};

复制代码

经过上面的步骤，可以实现选择文件上传，接收并处理文件

3、获得action的返回值

form提交的返回结果显示在iframe中，action的返回值可以在iframe的onload事件中获取

mainActivity.afterUploadFile = function(iframe){
if (iframe && iframe.contentWindow && iframe.contentWindow.document) {
var doc = (!justep.Browser.IE||justep.Browser.IE9)?iframe.contentWindow.document:iframe.contentWindow.document.XMLDocument;
if(doc){
var data = justep.Request.getData(doc);
var flag = justep.Request.getFlag(doc);
}
if (data && flag) {
if(justep.Browser.IE8)
alert("action返回值："+data.text);
else
alert("action返回值："+data.textContent);
}
}
};

复制代码

836005976 · 发表于 2013-3-1 17:25:16

那请问对应的下载应该怎么写？可以使用download.j吗？能否给出一个例子来呢？谢谢

mj19881029 · 发表于 2014-2-24 11:45:24

就这个例子如果想改成多个文件上传应该怎么改

zoltin · 发表于 2014-11-18 18:44:58

您好！为什么ie9不能接收到返回值，谷歌可以呢？

chaierkid · 发表于 2014-12-5 17:12:13

zhaixin 发表于 2012-11-5 14:09
1、在UI设计器中的合适位置放一个div，在div上点鼠标右键，点查看源码，此时切换到w文件的源码，并定位到di ...

您好，我按照上面的设置了，我上传的文件小，处理时间短是有返回值的，但是，如果文件大，处理时间长，就没有返回值了，一直在等待状态。。。。

X5NEwUser · 发表于 2015-5-5 15:03:50

找了好久，果断收藏

kakarottoz · 发表于 2015-12-30 12:12:13

现在有两个问题请教下
1.浏览器端把文件变成输入流，而浏览器端没有这个功能额，那么浏览器需要安装插件支持吧
2.action中传递的inputstream类型uploadFile，我们能否自己创建并赋值？

ldxygold · 发表于 2016-9-7 13:32:41

请问下如果str参数是中文后台ACTION乱码应该怎么解决

		自动登录	找回密码
密码			注册