jsp 实现图片预览,并显示在弹出window中(讨论)

luohaobubu 2012-04-06 10:47:43


<form enctype="multipart/form-data" id="showtype_form" name="form" action="advertisement/advertisement/advertisementAddshowtype.action" method="post">
<table>
<tr class="showtype_mixtext">
<td width="80" height="32" align="right" class="attrName">
<font color="red">*</font> 文字推广语:
</td>
<td width="323" class="attrValue">
<input type="text" id="publishword2" class="textInput" name="bannerPublishword_title1" value=""/>
  <input type="text" id="publishword3" class="textInput" name="bannerPublishword_title2" value=""/>
</td>
</tr>
<tr class="showtype_mixtext">
<td width="80" height="32" align="right" class="attrName">
<font color="red">*</font> 广告小图标:
</td>
<td width="323" class="attrValue">
<input type="file" name="bannerIcon" value=""/>
<input type="hidden" name="bannerIconName"/>
</td>
</tr>
<tr class="subTr">
<td height="65"> 
</td>
<td style="padding-top:15px;">
 
<input class="submitButton" name="precious" type="button" value="上一步" onclick="javascript:location.href='<%=basePath%>advertisement/advertisement/advertisementToAddoriginality.action';"/>
 
<input class="submitButton" id="showtype_preview" name="next" type="submit" value="效果预览" />  
  
<input class="submitButton" id="showtype_submit" name="next" type="submit" value="发布"/>
</td>
</tr>
</table>
</form>


需求是这样的:用户点击"效果预览"-->异步提交icon到服务器,不用保存到数据库-->在action中获得icon,并封装在一个html中-->返回html,给子窗口.

使用了jquery,struts2,jsp.

问题是:我该怎么实现icon的异步上传,而不影响"发布",然后能在子窗口(新窗口)中展示"广告小图标"加上"文字推广语"
能附上代码更好,提供思路也很感谢你~~
...全文
252 6 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
luohaobubu 2012-04-06
  • 打赏
  • 举报
回复
是啊~~~~求解
潮起潮落 2012-04-06
  • 打赏
  • 举报
回复
iframe..
ajax是文本传输,怎么搞文件呢
挨踢直男 2012-04-06
  • 打赏
  • 举报
回复
十一文 2012-04-06
  • 打赏
  • 举报
回复
用axax上传文件即可 google哈你会发现好多例子
Acesidonu 2012-04-06
  • 打赏
  • 举报
回复
jquery的ajax提交获得返回的html再在新窗口中打开
孟子E章 2012-04-06
  • 打赏
  • 举报
回复
Jsp中Uploadify插件的使用

http://blog.sina.com.cn/s/blog_5db0dfe40100idl6.html
400个插件,下面的详细列表: mxp/ColdFusion的Include mxp/80多个国家的一个下拉菜单,在某些时候的确挺方便的 mxp/检查当前文件的兼容性和可能包含的错误,并会给出详细的检测报告 mxp/在代码编辑框选择一段脚本代码,然后使用这个插件,可以把这些代码放到一个单独的js文件 mxp/在Dreamweaver快速的插入一个Fireworks做好的图片,不过好象只能做空白图 :( mxp/这个插件用来代替Dreamweaver File菜单下的New Form Template命令。作用是可以侦测出站点内的模板,这样就直接打开了,而不象以前还需要在对话框选择 mxp/在代码编辑环境下,插入一个脚本函数,函数名和参数都可以自定义的 mxp/这个插件很有意思,让你的窗口从大变小,或者从小变大 mxp/用来更新Configuration-TagAttributeList.txt这个文件 mxp/插入文空格 mxp/Jet制作的飘浮图片插件,没时间封装,Redidea友情封装 mxp/Chromeless Windows标题bug修改版 mxp/使窗口过一段时间后自动关闭 mxp/用来做电子商务的插件。不过只停留在表面的html语句和form的action,没有涉及后台程序 mxp/替换Dreamweaver自带的show-hide layer behavior,从而使更好的支持Netscape 6 mxp/用来代替Dreamweaver自带的Set Text of Layer behavior,从而使得在Netscape 6下兼容 mxp/打开一个新窗口,并让窗口在屏幕上居 mxp/Chromeless Windows,比我做的X-window好。 mxp/可以联合Authorware, CourseBuilder extension for Dreamweaver ,UltraDev, Macromedia Flash Learning Extensions, and Director等等的一系列软件做一个教学站点 mxp/对当前文件生成一个备份文件,以便修改 mxp/在site窗口的文件上点一下右键就出现这个插件了。作用是把文件复制或者移动到某个文件夹 mxp/层的转换特效,2.0版 mxp/加入JSP的Include mxp/用表单外部的事件来提交表单 mxp/用表单外部的事件来控制表单的行为,包括提交,清空等等 mxp/可以对文本框的内容做多种限制,比如不包含空格、引号等等 mxp/在Dreamweaver的File菜单下加一个Print code命令,用来打印代码 mxp/Splash Window,也叫chromeless splash , 一种效果很不错的浏览器窗口 mxp/在代码编辑窗的点右键,可以快速跳转到特定的代码行 mxp/在site窗口的本地文件夹选择一个文件点右键,就可以打开当前文件所在的目录,很方便的 mxp/在代码编辑框点右键就可使用。该插件可以让插件编写者用一些Windows风格的对话框来和用户进行交互 mxp/创建一个JustSo风格的相册 mxp/插件开发者使用,用来Debug mxp/Dreamweaver的Menu.xml是记录Dreamweaver菜单信息的文件,由于某些原因,经常容易损坏,此插件可以创建备份文件并恢复 mxp/打开一个Web对话框窗口,也是很特别的一种,没有最大和最小化按钮 mxp/使一个多行的表格行和行之间颜色交替,像斑马线一样。2.0版本 mxp/可以倒出-倒入站点信息,方便其他开发者 mxp/插入e-Vue MPEG-4格式的文件 mxp/Mycomputer.com提供的一套Banner交换系统,使用起来需要注册,比较麻烦 mxp/MyComputer.com提供的一套站点访问跟踪系统,也是需要注册,使用麻烦 mxp/在页面加入一个SiteMiner.com搜索引擎的接口,MyComputer.com提供 mxp/在页面加入一个MyComputer.com提供的留言本,需要注册,使用麻烦 mxp/计算代码的字符个数 mxp/一个比Dreamweaver自带的Jump menu更好的下拉导航菜单 mxp/对Dreamweaver目录下的FtpExtensionsMap.txt文件进行编辑。此文件定义了某类型的文件以二进制或者文本方式ftp mxp/自动将窗口最大化 mxp/由MyComputer.com提供的一套投票程序,需要注册,使用烦琐 mxp/用来在Dreamweaver环境下编辑安装目录下的Extensions.txt文件,此文件记录的文件扩展名和文件类型的关系 mxp/加入一个指向邮件地址的连接,并可以自定

52,792

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 Ajax
社区管理员
  • Ajax
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧