富文本编辑器上传图片
一、导入kindeditor的js
二、将kindeditor与一个文本域textarea进行关联，即用textarea初始化一个kindeditor对象
itemaddeditor = taotao.createeditor("#itemaddform [name=desc]");
//初始化类目选择和图片上传器
taotao.init({fun:function(node){
taotao.changeitemparam(node, "itemaddform");
}});
三、设置要上传的参数
var tt = taotao = {
// 编辑器参数
kingeditorparams : {
//指定上传文件参数名称
filepostname : "uploadfile",
//指定上传文件请求的url。
uploadjson : '/pic/upload',
//上传类型，分别为image、flash、media、file
dir : "image"
},
init : function(data){
// 初始化图片上传组件
this.initpicupload(data);
// 初始化选择类目组件
this.inititemcat(data);
},
// 初始化图片上传组件
initpicupload : function(data){
$(".picfileupload").each(function(i,e){
var _ele = $(e);
_ele.siblings("div.pics").remove();
_ele.after('\
\
');
// 回显图片
if(data && data.pics){
var imgs = data.pics.split(",");
for(var i in imgs){
if($.trim(imgs[i]).length > 0){
            _ele.siblings(".pics").find("ul").append("
");
}
}
}
//给“上传图片按钮”绑定click事件
$(e).click(function(){
var form = $(this).parentsuntil("form").parent("form");
//打开图片上传窗口
kindeditor.editor(tt.kingeditorparams).loadplugin('multiimage',function(){
var editor = this;
editor.plugin.multiimagedialog({
clickfn : function(urllist) {
var imgarray = [];
kindeditor.each(urllist, function(i, data) {
imgarray.push(data.url);
                form.find(".pics ul").append("
");
});
form.find("[name=image]").val(imgarray.join(","));
editor.hidedialog();
}
});
});
});
});
服务端代码
public map uploadpicture(multipartfile uploadfile) {
map resultmap=new hashmap<>();
try {
//生成一个新的文件名
//去原始文件名
string oldname=uploadfile.getoriginalfilename();
//生成新的文件名
//uuid.randomuuid();
string newname=idutils.genimagename();
newname=newname+oldname.substring(oldname.lastindexof("."));
string imagepath=new datetime().tostring("/yyyy/mm/dd");
//上传图片
boolean result=ftputil.uploadfile(ftp_address,ftp_port, ftp_username, ftp_password, ftp_base_path,
imagepath, newname, uploadfile.getinputstream());
system.out.println("result="+result);
if(!result){
resultmap.put("error", 1);
resultmap.put("message", "文件上传失败");
system.out.println("hh");
return resultmap;
}
resultmap.put("error", 0);
resultmap.put("url", image_base_path + imagepath + "/" + newname);
return resultmap;
} catch (ioexception e) {
resultmap.put("error", 1);
resultmap.put("message", "文件上传异常");
return resultmap;
}
}
注意：服务端返回的json串的格式{error: 0|1,message|url} 其中error为整型不为字符串，如果写成字符串图片能够正常上传至服务器，但是不能在浏览器中回显。
感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
如您对本文有疑问或者有任何想说的，请点击进行留言回复，万千网友为您解惑！

美丽乡村
#country{overflow-y:auto;overflow-x:hidden;
}.countryItem{margin-bottom:10px;color:#333;
}.countryTexeCon{padding:10px 15px;background-color:#ffffff;
}.countryName{padding-bottom:5px;color:#333;
}.countryPro{color:#929292;font-size:14px;height:auto;word-break:break-all;
}.countryItem>img{width:calc(100% - 6px);height:100%;border:3px solid #f1f1f1;
}.countryText{position:relative;
}.countryTextTitle{padding:15px 0px;position:absolute;top:0px;left:0px;border-bottom:1px solid #cccccc;color:#333;width:100%;text-align:center;font-size:21px;background-color:#fbfbfb;
}.countryTextTitle>img{position:absolute;top:9px;left:12px;width:21px;padding:10px;
}.countryText{padding-top:60px;background-color:#fff;
}.countryTextBody{padding:15px;
}.countryTextBody .text{text-indent:28px;
}.countryTextBody2 img{max-width:95%;margin:5px auto;display:inherit;
}.goArea{margin-top:5px;padding:5px 0;background-color:aliceblue;position:relative;height:25px;
}.goArea>img{position:absolute;left:10px;top:5px;width:23px;
}.goArea>div{position:absolute;right:10px;top:6px;
}.goWay{background-color:#0DBEF5;color:white;border-radius:5px;font-size:14px;padding:2px 10px;padding-left:22px;margin-left:10px;cursor:pointer;position:relative;
}.goWayImg{position:absolute;top:2px;left:5px;width:16px;
}.countryTextBody img{max-width:100%;
}[v-cloak]{display:none;
}
{{item.name}}

        富文本框和普通的文本框定位有较大的区别，富文本框常见的实现用到Frame标签，并且Frame里面实现了一个完整的HTML网页结构，所以使用普通的定位模式无法直接定位到富文本框对象。
        以http://mail.sohu.com为例，介绍两种方法读取富文本框。
        方法一：
package cn.om.webdriverapi;


import org.testng.annotations.Test;
import org.testng.annotations.BeforeMethod;
import java.awt.AWTException;
import java.awt.Robot;
import java.awt.event.KeyEvent;
import java.util.concurrent.TimeUnit;
import org.openqa.selenium.By;
import org.openqa.selenium.JavascriptExecutor;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.firefox.FirefoxDriver;
import org.openqa.selenium.support.ui.ExpectedConditions;
import org.openqa.selenium.support.ui.WebDriverWait;
import org.testng.annotations.AfterMethod;

public class TestRichTextBox1 {

	WebDriver driver;
	String url;

	@Test
	public void testSohuMailWriteEMail() {
		driver.get(url);
		//设置获取元素的超时时间为5秒
		driver.manage().timeouts().implicitlyWait(5, TimeUnit.SECONDS);
		WebElement username = driver.findElement(By.xpath(".//*[@id='theme']/form/div[1]/div[1]/input"));
		WebElement password = driver.findElement(By.xpath(".//*[@id='theme']/form/div[2]/div[1]/input"));
		WebElement sub = driver.findElement(By.xpath(".//*[@id='theme']/form/div[5]/input"));
		
		//输入账号，密码，点击登录。由于有验证码，会跳转到输入验证码的页面
		username.sendKeys("fosterwu");
		password.sendKeys("1111");
		sub.click();
		
		//等待10秒，手工输入验证码
		try {
			Thread.sleep(10000);
		} catch (InterruptedException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		
		//输入验证码后，再次点击登录。
		sub.click();
		//手机安全认证，点击【下次再说】按钮
		WebElement notdo=driver.findElement(By.xpath(".//*[@id='theme']/div[1]/div[1]/div[4]/span[2]"));
		notdo.click();
		
		
		WebDriverWait wait=new WebDriverWait(driver, 15);
		//显示等待15秒，通过查找【写邮件】按钮，判断是否已经成登录到邮箱中
	    wait.until(ExpectedConditions.presenceOfElementLocated(By.xpath(".//*[@id='addSkinClass']/div[4]/div/ul/li[1]")));

	    //定位【写邮件】的按钮，点击后进入写信页面
	    WebElement writeMailButton=driver.findElement(By.xpath(".//*[@id='addSkinClass']/div[4]/div/ul/li[1]"));
	    writeMailButton.click();
	    
	    //定位发件人输入框，输入要测试的数据
	    WebElement recipients=driver.findElement(By.xpath(".//*[@id='mailContent']/div/div[1]/div[1]/div[1]/div[1]/div/span/input"));
	    recipients.sendKeys("fosterwu@sohu.com");

	    //由于发件人输入进去后，要回车或者点击下才能编辑下一个。因此加上点击回车的操作
	    Robot robot=null;
	    try {
			robot=new Robot();
		} catch (AWTException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
	    robot.keyPress(KeyEvent.VK_ENTER);
		robot.keyRelease(KeyEvent.VK_ENTER);
	    
		//定位主题输入框，输入要测试的数据
	    WebElement topic=driver.findElement(By.xpath(".//*[@id='mailContent']/div/div[1]/div[1]/div[4]/input"));
	    topic.sendKeys("给自己的信");
	    
	    //通过tabname找到iframe元素，切换到iframe中
	    WebElement iframe=driver.findElement(By.tagName("iframe"));
	    driver.switchTo().frame(iframe);
	    //声明JavaScriptExecutor对象来执行JavaScript脚本
	    JavascriptExecutor js=(JavascriptExecutor)driver;
	    
	    //在iframe中，查找到编辑区域对象p，设定html格式的文字内容，即正文内容
	    js.executeScript("document.getElementsByTagName('p')[0].innerHTML='<b>邮件要发送的内容<b>'");
	    
	    //切换到默认页面。（主页面）
	    driver.switchTo().defaultContent();
	    
	    //点击发送
	    WebElement send=driver.findElement(By.xpath(".//*[@id='mailContent']/div/div[2]/span[1]"));
	    send.click();
	    
	}

	@BeforeMethod
	public void beforeMethod() {
		url = "http://mail.sohu.com";
		System.setProperty("webdriver.firefox.bin", "D:/Mozilla Firefox/firefox.exe");
		driver = new FirefoxDriver();
	}

	@AfterMethod
	public void afterMethod() {
		driver.quit();
	}

}
        这种方法的优点是，可以支持HTML格式的文字作为富文本框的文字输入内容。
        缺点是，因为不同网页的富文本框的实现机制都不同，定位到富文本框的文本编辑区域对象比较难，需要熟练了解HTML代码含义和frame的进出方法，对于脚本定位实现的能力要求较高。

        方法二：
package cn.om.webdriverapi;


import org.testng.annotations.Test;
import org.testng.annotations.BeforeMethod;
import java.awt.AWTException;
import java.awt.Robot;
import java.awt.Toolkit;
import java.awt.datatransfer.StringSelection;
import java.awt.event.KeyEvent;
import java.util.concurrent.TimeUnit;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.firefox.FirefoxDriver;
import org.openqa.selenium.support.ui.ExpectedConditions;
import org.openqa.selenium.support.ui.WebDriverWait;
import org.testng.annotations.AfterMethod;

public class TestRichTextBox2 {

	WebDriver driver;
	String url;

	@Test
	public void testRichTextBox2() {
		driver.get(url);
		// 设置获取元素的超时时间为5秒
		driver.manage().timeouts().implicitlyWait(5, TimeUnit.SECONDS);
		WebElement username = driver.findElement(By.xpath(".//*[@id='theme']/form/div[1]/div[1]/input"));
		WebElement password = driver.findElement(By.xpath(".//*[@id='theme']/form/div[2]/div[1]/input"));
		WebElement sub = driver.findElement(By.xpath(".//*[@id='theme']/form/div[5]/input"));

		// 输入账号，密码，点击登录。由于有验证码，会跳转到输入验证码的页面
		username.sendKeys("fosterwu");
		password.sendKeys("1111");
		sub.click();

		// 等待10秒，手工输入验证码
		try {
			Thread.sleep(10000);
		} catch (InterruptedException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}

		// 输入验证码后，再次点击登录。
		sub.click();
		// 手机安全认证，点击【下次再说】按钮
		WebElement notdo = driver.findElement(By.xpath(".//*[@id='theme']/div[1]/div[1]/div[4]/span[2]"));
		notdo.click();

		WebDriverWait wait = new WebDriverWait(driver, 15);
		// 显示等待15秒，通过查找【写邮件】按钮，判断是否已经成登录到邮箱中
		wait.until(
				ExpectedConditions.presenceOfElementLocated(By.xpath(".//*[@id='addSkinClass']/div[4]/div/ul/li[1]")));

		// 定位【写邮件】的按钮，点击后进入写信页面
		WebElement writeMailButton = driver.findElement(By.xpath(".//*[@id='addSkinClass']/div[4]/div/ul/li[1]"));
		writeMailButton.click();

		// 定位发件人输入框，输入要测试的数据
		WebElement recipients = driver
				.findElement(By.xpath(".//*[@id='mailContent']/div/div[1]/div[1]/div[1]/div[1]/div/span/input"));
		recipients.sendKeys("fosterwu@sohu.com");

		// 由于发件人输入进去后，要回车或者点击下才能编辑下一个。因此加上点击回车的操作
		pressEnterKey();

		// 定位主题输入框，输入要测试的数据
		WebElement topic = driver.findElement(By.xpath(".//*[@id='mailContent']/div/div[1]/div[1]/div[4]/input"));
		topic.sendKeys("给自己的信");

		// 通过tab键切换到富文本框
		pressTabKey();
		
		setAndctrlVClipboardData("邮件发送的正文内容");
		
		//点击发送
	    WebElement send=driver.findElement(By.xpath(".//*[@id='mailContent']/div/div[2]/span[1]"));
	    send.click();
	}

	@BeforeMethod
	public void beforeMethod() {
		url = "http://mail.sohu.com";
		System.setProperty("webdriver.firefox.bin", "D:/Mozilla Firefox/firefox.exe");
		driver = new FirefoxDriver();
	}

	@AfterMethod
	public void afterMethod() {
		driver.quit();
	}

	public void pressTabKey() {
		Robot robot = null;
		try {
			robot = new Robot();
		} catch (AWTException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		robot.keyPress(KeyEvent.VK_TAB);
		robot.keyRelease(KeyEvent.VK_TAB);

	}

	public void pressEnterKey() {
		Robot robot = null;
		try {
			robot = new Robot();
		} catch (AWTException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		robot.keyPress(KeyEvent.VK_ENTER);
		robot.keyRelease(KeyEvent.VK_ENTER);

	}
	
	public void setAndctrlVClipboardData(String s) {
		// 声明StringSelection对象，并使用函数的string参数来完成实例化
		StringSelection stringSelection = new StringSelection(s);

		// 使用Toolkit对象的setContents方法将字符串放到剪切板上
		Toolkit.getDefaultToolkit().getSystemClipboard().setContents(stringSelection, null);

		// 声明Robot对象
		Robot robot = null;
		try {
			robot = new Robot();
		} catch (AWTException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}

		// 调用KeyPress来实现按下Crtl键
		robot.keyPress(KeyEvent.VK_CONTROL);
		// 调用KeyPress来实现按下V键
		robot.keyPress(KeyEvent.VK_V);
		// 调用KeyPress来释放V键
		robot.keyRelease(KeyEvent.VK_V);
		// 调用KeyPress来释放crtl键
		robot.keyRelease(KeyEvent.VK_CONTROL);

	}

}
        这个方法的优点是，无论什么种类的富文本框，只要找到它的上面紧邻的元素，通过按tab键的方式均可以进入到富文本框的文本编辑区域，可以使用一种方法解决所有类型的富文本框编辑区域的定位问题。
        缺点是，不能在富文本框编辑区域中进行HTML格式的文本输入。

        两种方法各有各的好处，在实际使用的时候，根据实际情况来进行选择。

项目描述
使用我开发的电子邮件jar包,轻松实现电子邮件发送操作.
运行环境
jdk8+tomcat7+IntelliJ IDEA
项目技术(必填)
bootstrap+jquery+javaMail
数据库文件
无
jar包文件
链接：https://pan.baidu.com/s/11dWs6e5K7v4Jdk78O3gBNg
提取码：g8pw