ckeditor 图片上传

  如何配置与使用CKEDITOR
安装: 
1. 下载CKEDITOR的文件,解压后复制到工程的WEBROOT目录下就OK!
引用CKEDITOR的JS文件:
2.新建JSP页面,添加其JS文件
<link rel="stylesheet" type="text/css" href="richtext.css">
<script type="text/javascript" src="<%=basePath%>/fckeditor/ckeditor.js"></script>
<script type="text/javascript" src="<%=basePath%>/fckeditor/richtext.js"></script>

替换textarea标签: 
<textarea rows="15" cols="40" name="Content" ></textarea>
    <script type="text/javascript">
     var uri = encodeURIComponent("/upload/");  
CKEDITOR.replace( 'Content' ,{
   filebrowserImageUploadUrl : 'servlet/uploadImage?filePath='+uri   // 点击上传到服务器会执行uploadImage这个servlet
    });
               </script>


// uploadImage  servlet

package servlet;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.jsp.JspFactory;

import com.jspsmart.upload.SmartUpload;

public class uploadImage extends HttpServlet {

/**
* Constructor of the object.
*/
public uploadImage() {
super();
}

/**
* Destruction of the servlet. <br>
*/
public void destroy() {
super.destroy(); // Just puts "destroy" string in log
// Put your code here
}

/**
* The doGet method of the servlet. <br>
*
* This method is called when a form has its tag value method equals to get.
*
* @param request the request send by the client to the server
* @param response the response send by the server to the client
* @throws ServletException if an error occurred
* @throws IOException if an error occurred
*/
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {

            doPost(request,response);
}

/**
* The doPost method of the servlet. <br>
*
* This method is called when a form has its tag value method equals to post.
*
* @param request the request send by the client to the server
* @param response the response send by the server to the client
* @throws ServletException if an error occurred
* @throws IOException if an error occurred
*/
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {

response.setContentType("text/html");
PrintWriter out = response.getWriter();
String filePath = request.getParameter("filePath");
 

   JspFactory   _jspxFactory   =   JspFactory.getDefaultFactory();  
   javax.servlet.jsp.PageContext   pageContext   =
                                                                   _jspxFactory.getPageContext( 
                                                                                   this,  
                                                                                   request,  
                                                                                   response,  
                                                                                   null,  
                                                                                   true,  
                                                                                   8192,  
true);  

try{   
   SmartUpload  mySmartUpload = new SmartUpload();
   //初始化
   mySmartUpload.initialize(pageContext);
   //设置某个文件上传的最大值
   mySmartUpload.setMaxFileSize(1*512*1024);
   // 设置总共上传文件的最大值
   mySmartUpload.setTotalMaxFileSize(3*1024*1024);
   // 设置上传文件的范围
   mySmartUpload.setAllowedFilesList("bmp,gif,jpg");

   // 上传文件
   mySmartUpload.upload();


String path = request.getRealPath("/").replace( "\\","/")+filePath; // 获取服务器的路径

   // 处理每一个文件
   for (int i=0;i<mySmartUpload.getFiles().getCount();i++){   
   com.jspsmart.upload.File file = mySmartUpload.getFiles().getFile(i);
   
   // 判断浏览框 是否有文件
   if (!file.isMissing()){
      file.saveAs(filePath+file.getFileName(),mySmartUpload.SAVE_VIRTUAL);
   }
  
String returnString = "<script type=\"text/javascript\">"
+ "window.parent.CKEDITOR.tools.callFunction(1, '"+path+file.getFileName()+"', '');</script>"; 

out.println(returnString);
   } 
  
  
}catch(Exception ex){
System.out.println(ex.toString());

}
   

}

/**
* Initialization of the servlet. <br>
*
* @throws ServletException if an error occurs
*/
public void init() throws ServletException {
// Put your code here
}

}
 

详细界面在word文档中,附件有word,jspSmartupload.jar 和ckeditor包

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
图像识别技术在病虫害检测中的应用是一个快速发展的领域,它结合了计算机视觉和机器学习算法来自动识别和分类植物上的病虫害。以下是这一技术的一些关键步骤和组成部分: 1. **数据收集**:首先需要收集大量的植物图像数据,这些数据包括健康植物的图像以及受不同病虫害影响的植物图像。 2. **图像预处理**:对收集到的图像进行处理,以提高后续分析的准确性。这可能包括调整亮度、对比度、去噪、裁剪、缩放等。 3. **特征提取**:从图像中提取有助于识别病虫害的特征。这些特征可能包括颜色、纹理、形状、边缘等。 4. **模型训练**:使用机器学习算法(如支持向量机、随机森林、卷积神经网络等)来训练模型。训练过程中,算法会学习如何根据提取的特征来识别不同的病虫害。 5. **模型验证和测试**:在独立的测试集上验证模型的性能,以确保其准确性和泛化能力。 6. **部署和应用**:将训练好的模型部署到实际的病虫害检测系统中,可以是移动应用、网页服务或集成到智能农业设备中。 7. **实时监测**:在实际应用中,系统可以实时接收植物图像,并快速给出病虫害的检测结果。 8. **持续学习**:随着时间的推移,系统可以不断学习新的病虫害样本,以提高其识别能力。 9. **用户界面**:为了方便用户使用,通常会有一个用户友好的界面,显示检测结果,并提供进一步的指导或建议。 这项技术的优势在于它可以快速、准确地识别出病虫害,甚至在早期阶段就能发现问题,从而及时采取措施。此外,它还可以减少对化学农药的依赖,支持可持续农业发展。随着技术的不断进步,图像识别在病虫害检测中的应用将越来越广泛。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值