日期:2014-05-18  浏览次数:20700 次

一个发表博文的功能,图片上传成功怎么插入到博文中?
大家不要嫌麻烦 代码都很简单 会有很明确的注释

这是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() +&n