一个发表博文的功能,图片上传成功怎么插入到博文中?
大家不要嫌麻烦 代码都很简单 会有很明确的注释
这是blogpublish.jsp
<!-- editor.jsp是博文编辑的一个页面 -->
<div id="iframaDiv" style="display:block">
<iframe id="ifRTC" width="700" height="200" src="editor.jsp"></iframe>
</div>
<!-- 像很多可以用户编辑的网站一样,弹出一个对话框,选择本地图片 -->
选择本地图片:
<!-- 提交到另外一个jsp,这里的上传使用的是JSPSmatrUpload-->
<form name="uploadForm" method="POST" enctype="MULTIPART/FORM-DATA" action="upload.jsp">
<input type="hidden" name="album" id="album" value="默认相册" />
<input type="file" name="fileName" id="fileName" size="30"/><br>
<input type="submit" name="submit" value="上传">
<input type="reset" name="reset" value="重置">
</form>
然后是editor.jsp
<!--把div设置成可以编辑-->
<div id="RTC" contenteditable="true" style="border:dashed blue 2px"></div>
然后是上传文件的upload.jsp 是从网上找来的例子
//在这个jsp中实现了文件的上传
<%
SmartUpload mySmartUpload = new SmartUpload();
//计算文件上传个数
int count=0;
//SmartUpload的初始化
mySmartUpload.initialize(pageContext);
//上传文件
mySmartUpload.upload();
//将上传的文件一个一个取出来处理
for (int i=0;i<mySmartUpload.getFiles().getCount();i++)
{
//取出一个文件
com.jspsmart.upload.File myFile = mySmartUpload.getFiles().getFile(i);
fileName = myFile.getFileName();//取上传文件的名字
//如果文件存在,则做存档操作
if (!myFile.isMissing()){
//上传的路径
myFile.saveAs("c://中文测试.jpg", SmartUpload.SAVE_PHYSICAL);
//显示此上传文件的详细信息
//这些信息都显示出来了 只是怎么让用户在编辑博文的时候看到自己上传的图片,并且保留用户原来编辑的文本 在光标处插入刚才上传的图片
out.println("FieldName = " + myFile.getFieldName() + "<BR>");
out.println("Size = " + myFile.getSize() + "<BR>");
out.println("FileName = " + myFile.getFileName() + "<BR>");
out.println("FileExt = " + myFile.getFileExt() + "<BR>");
out.println("FilePathName = " + myFile.getFilePathName() + "<BR>");
out.println("ContentType = " + myFile.getContentType() + "<BR>");
out.println("ContentDisp = " + myFile.getContentDisp() +"<BR>");
out.println("TypeMIME = " + myFile.getTypeMIME() +"<BR>");
out.println("SubTypeMIME = " + myFile.getSubTypeMIME() + "<BR>");
count ++;
}
}
%>
或者给我提供一个思路吧 最好有代码 .. 谢谢了..
[解决办法]
使用ajax,在blogpublish.jsp点击“上传”时用ajax传到upload.jsp页面,在upload.jsp页面处理完上传后将你需要的内容拼装返回到blogpublish.jsp页面,毁掉函数获得信息后将其插入到指定的区域…
需要的内容:
<div id="RTC" contenteditable="true" style="border:dashed blue 2px">你的图片</div>
不用再使用editor.jsp了
[解决办法]
上传文件的功能写在action里面,然后用ajax异部调用action,把图片的信息以json返回过来,在jsp上去到图片信息以后,用Jquery显示出来。
[解决办法]
上传图片-》保存图片并将图片地址返回到页面 -》将地址赋给<img>标签
[解决办法]
如果楼主是想自己做个博客网站可以参考CSDN的博客编辑器。它也是用的别人的。
但是如果是自己写个博客编辑器。那挺难的。