使用ckeditor+struts2+freemaker的图片上传.docx

使用ckeditor+struts2+freemaker的图片上传文章分类:Web前端在网上阅读了很多同志的资料...加上自己进段时间要开发新闻模块..下面就贴出例子首先这个例子是采用ckeditor和Struts2实现的图片上传?这里先要把必须的包添加进来???然后是写ckeditor的测试页: test.html?Html代码 !DOCTYPE?html?PUBLIC?-//W3C//DTD?HTML?4.01?Transitional//EN?/TR/html4/loose.dtd??html??head??meta?http-equiv=Content-Type?content=text/html;?charset=UTF-8????script?type=text/javascript?src=ckeditor/ckeditor.js/script?? ????link?rel=stylesheet?type=text/css?href=ckeditor/contents.css/??????style?type=text/css?? ??????*?{?? ??????????font-family:?宋体;?? ??????????font-size:?14px?? ??????}?? ??????/style?? ????titleCKEditor?Testing/title??/head??body????????form?id=form1?name=form1?method=post?action=ck?? ?????????table?width=650?height=400?border=0?align=center?? ??????????tr?? ????????????? ??????????????tdtextarea?cols=80?id=content?name=content/textarea? ??????????????script?type=text/javascript?? ???????????????????CKEDITOR.replace(content,addUploadButton(this)); ?????????????????????function?addUploadButton(editor)?{ ????????????????????????CKEDITOR.on(dialogDefinition,?function(?ev?){ ??????????????????????????var?dialogName?=?; ??????????????????????????var?dialogDefinition?=?ev.data.definition; ??????????????????????????if?(?dialogName?==?image?){ ??????????????????????????????var?infoTab?=?dialogDefinition.getContents(?info?); ??????????????????????????????infoTab.add({ ??????????????????????????????????type?:?button, ??????????????????????????????????id?:?upload_image, ??????????????????????????????????align?:?center, ??????????????????????????????????label?:?上传, ??????????????????????????????????onClick?:?function(?evt?){ ??????????????????????????????????????var?thisthisDialog?=?this.getDialog(); ??????????????????????????????????????var?txtUrlObj?=?thisDialog.getContentElement(info,?txtUrl); ??????????????????????????????????????var?txtUrlId?=?txtUrlObj.getInputElement().$.id; ????????????????????????????????????????addUploadImage(txtUrlId); ??????????????????????????????????} ??????????????