ckeditor462上傳圖片
⑴ ckeditor 怎麼上傳圖片 把上傳的圖片保存到伺服器 圖片名保存到資料庫
給你借鑒一下，新聞發布：
News_add.asp頁面代碼
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="top">
<table width="95%" border="0" cellpadding="2" cellspacing="1" class="table_southidc">
<form method="POST" name="myform" onSubmit="return CheckForm();" action="News_save.asp?action=Add" target="_self">
<tr align="center">
<td class="back_southidc" height="30" colspan="2"><font color="#0000FF"><strong>新增新聞</strong></font></td>
</tr>
<tr bgcolor="#ECF5FF">
<td width="20%" height="24" align="right"><div align="left"><font color="#FF0000">*</font>新
聞標題：</div></td>
<td width="80%" valign="top">
<div align="left">
<input name="title" type="text" class="input" value="" size="50" maxlength="200">
</div></td>
</tr>
<tr bgcolor="#ECF5FF">
<td height="24" align="right"><div align="left"><font color="#FF0000">*</font>新聞類別：</div></td>
<td valign="top">
新聞大類：
<%
set rs= Server.CreateObject("ADODB.Recordset")
sql = "select * from BigClass_New"
rs.open sql,conn,1,1
if rs.eof and rs.bof then
response.write "請先添加欄目。"
else
%>
<select name="BigClassName" onChange="changelocation(document.myform.BigClassName.options[document.myform.BigClassName.selectedIndex].value)" size="1">
<option selected value="<%=trim(rs("BigClassName"))%>"><%=trim(rs("BigClassName"))%></option>
<%
dim selclass
selclass=rs("BigClassName")
rs.movenext
do while not rs.eof
%>
<option value="<%=trim(rs("BigClassName"))%>"><%=trim(rs("BigClassName"))%></option>
<%
rs.movenext
loop
end if
rs.close
%>
</select>
<select name="SmallClassName">
<option value="" selected>不指定小類</option>
<%
set rs= Server.CreateObject("ADODB.Recordset")
sql="select * from SmallClass_New where BigClassName='" & selclass & "'"
rs.open sql,conn,1,1
if not(rs.eof and rs.bof) then
%>
<option value="<%=rs("SmallClassName")%>"><%=rs("SmallClassName")%></option>
<% rs.movenext
do while not rs.eof%>
<option value="<%=rs("SmallClassName")%>"><%=rs("SmallClassName")%></option>
<%
rs.movenext
loop
end if
rs.close
%>
</select>
</td>
</tr>
<tr bgcolor="#ECF5FF">
<td align="right" valign="top"><div align="left"><font color="#FF0000">*</font>新聞內容：</div></td>
<td valign="top">
<input type="hidden" name="content" value="">
<iframe ID="eWebEditor1" src="Southidceditor/ewebeditor.asp?id=content&style=southidc" frameborder="0" scrolling="no" width="620" HEIGHT="405"></iframe>
</td>
</tr>
<tr bgcolor="#ECF5FF">
<td height="24" align="right"><div align="left">首頁圖片：
<input name="IncludePic" type="hidden" id="IncludePic" value="yes">
</div></td>
<td valign="top"><input name="DefaultPicUrl" type="text" id="DefaultPicUrl" value="" size="50" maxlength="200">
</td>
</tr>
<tr bgcolor="#ECF5FF">
<td height="24" align="right"><div align="left"><font color="#FF0000">*</font>發布人：</div></td>
<td valign="top">
<div align="left">
<input name="user" type="text" class="input" size="30" value="admin">
</div></td>
</tr>
<tr bgcolor="#ECF5FF">
<td height="24" align="right"><div align="left">首頁圖片新聞：</div></td>
<td>
<div align="left">
<input type="radio" value="true" name="OK">
是
<input type="radio" value="false" checked name="Ok">
否 <font color="#FF0000">（設為首頁圖片新聞，選擇此項時請注意文章中是否添加有圖片！）</font></div></td>
</tr>
<tr align="center" bgcolor="#ECF5FF">
<td height="35"><div align="left">錄入時間：</div></td>
<td height="35"><div align="left">
<input name="AddDate" type="text" id="AddDate" value="<%=date()%>" maxlength="50">
</div></td>
</tr>
<tr align="center" bgcolor="#ECF5FF">
<input type="hidden" name="Id" value="108">
<td height="35" colspan="2"> <input type="submit" name="Submit" value="提交" class="input">
<input type="reset" name="Submit" value="重置" class="input"> </td>
</tr>
</form>
</table>
</tr>
</table>
<table width="100%" height="28" border="0" cellpadding="0" cellspacing="0" class="HeaderTdStyle">
<tr>
<td>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="2">
<tr>
<td align="right">Design By <a href="mailto:[email protected]">ZXKJ</a></td>
</tr>
</table></td>
</tr>
</table>
處理頁面News_save.asp代碼：
<!--#include file="conn.asp"-->
<%
if Request.QueryString("action")="Add" then
set rs= Server.CreateObject("ADODB.Recordset")
sql="select * from News"
rs.open sql,conn,1,3
If request.form("Title")="" Then
Response.Write("<script language=""javaScript"">alert(""錯誤：您沒輸入標題，請返回檢查！！"");history.go(-1);</script>")
response.end
end if
If request.form("content")="" Then
Response.Write("<script language=""JavaScript"">alert(""錯誤：您沒輸入新聞內容，請返回檢查！！"");history.go(-1);</script>")
response.end
end if
If request.form("user")="" Then
Response.Write("<script language=""JavaScript"">alert(""錯誤：您沒輸入發布人，請返回檢查！！"");history.go(-1);</script>")
response.end
end if
rs.addnew
rs("Title")=request.form("Title")
rs("Content")=request.form("content")
rs("BigClassName")=request.form("BigClassName")
rs("SmallClassName")=request.form("SmallClassName")
rs("FirstImageName")=request.form("DefaultPicUrl")
rs("User")=request.form("user")
rs("AddDate")=request.form("AddDate")
rs("Ok")=request.form("Ok")
rs.update
rs.close
set rs=nothing
response.Redirect "News_Manage.asp"
end if
%>
⑵ 怎麼為ckeditor添加圖像
為ckeditor添加圖像的方法
1. 到官網下載ckeditor
2. 復制到java web項目目錄下
3. 配置config文件，打開圖片上傳功能
CKEDITOR.editorConfig = function (config) {
// 換行方式
config.enterMode = CKEDITOR.ENTER_BR;
// 當輸入：shift+Enter是插入的標簽
config.shiftEnterMode = CKEDITOR.ENTER_BR;//
//圖片處理
config.pasteFromWordRemoveStyles = true;
config.filebrowserImageUploadUrl = "ckUploadImage.action?type=image";
// 去掉ckeditor「保存」按鈕
config.removePlugins = 'save';
};
4. java後台處理代碼
// 上傳圖片
@Action(value = "/ckUploadImage", results = { @Result(name = "success", location = "/upload.jsp") })
public String uploadImages() throws Exception {
HttpServletRequest request = ServletActionContext.getRequest();
FileOutputStream fos;
String webRoot = request.getSession().getServletContext().getRealPath(
"");
// 獲取圖片後綴名
String partRightType = uploadFileName.substring(uploadFileName
.lastIndexOf("."));
String CKEditorFuncNum = request.getParameter("CKEditorFuncNum");
// 判斷圖片的格式
if (!ImageFile.checkImageType(partRightType)) {
String path = "";
String alt_msg = "Sorry! Image format selection is incorrect, please choose GIF, jpeg, PNG format JPG, picture!";
pringWriterToPage("<script type='text/javascript'>window.parent.CKEDITOR.tools.callFunction("
+ CKEditorFuncNum
+ ", '"
+ path
+ "' , '"
+ alt_msg
+ "');</script>");
} else {
try {
uploadFileName = DateUtils.getDateNoStyle() + "-"
+ UUID.randomUUID() + partRightType;
String savePath = webRoot + Constants.UPLOAD_IMAGES_PATH;
File uploadFilePath = new File(savePath);
if (uploadFilePath.exists() == false) {
uploadFilePath.mkdirs();
System.out.println("路徑不存在,但是已經成功創建了" + savePath);
} else {
System.out.println("路徑存在了" + savePath);
}
fos = new FileOutputStream(new File(savePath + uploadFileName));
FileInputStream fis = new FileInputStream(getUpload());
byte[] buffer = new byte[1024];
int len = 0;
while ((len = fis.read(buffer)) > 0) {
fos.write(buffer, 0, len);
}
fos.close();
fis.close();
} catch (FileNotFoundException foe) {
System.out.println("上傳文件為0位元組");
}
// String path = "http://" + request.getServerName() + ":"
// + request.getServerPort() + request.getContextPath()
// + Constants.UPLOAD_IMAGES_PATH + uploadFileName;
String path = request.getContextPath()
+ Constants.UPLOAD_IMAGES_PATH + uploadFileName;
String alt_msg = "";
pringWriterToPage("<script type='text/javascript'>window.parent.CKEDITOR.tools.callFunction("
+ CKEditorFuncNum
+ ", '"
+ path
+ "' , '"
+ alt_msg
+ "');</script>");
}
return null;
}
* 其實重點的代碼就是這點
pringWriterToPage("<script type='text/javascript'>window.parent.CKEDITOR.tools.callFunction("
+ CKEditorFuncNum
+ ", '"
+ path
+ "' , '"
+ alt_msg
+ "');</script>");
⑶ CKEditor+CKFinder,上傳圖片成功，圖片鏈接正確，但是無法顯示，請問怎麼回事
1，將ckeditor解壓打開，打開_Samples，將ckeditor文件夾拷貝項目中的根目錄下，把bin放在根目錄下
2，將ckfinder解壓，ckfinder文件夾拷貝項目中的根目錄下，把bin放在根目錄下，把_sample，_source，help文件夾刪除掉，（註：沒有用）
3，在ckeditor文件下找到config.js 打開，找到
在CKEDITOR.editorCongig=function(config)
{
//填寫以下內容，圖片，flash路徑
config.uiColor = '#F7F8F9'
config.scayt_autoStartup = false
config.language = 'zh-cn'; //中文
config.filebrowserBrowseUrl = 'ckfinder/ckfinder.html';
config.filebrowserImageBrowseUrl = 'ckfinder/ckfinder.html?Type=Images';
config.filebrowserFlashBrowseUrl = 'ckfinder/ckfinder.html?Type=Flash';
config.filebrowserUploadUrl = 'ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Files';
config.filebrowserImageUploadUrl = 'ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Images';
config.filebrowserFlashUploadUrl = 'ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Flash';
}；
4，在ckfinder文件下找到config.ascx文件，打開
1)把public overrider bool ChekcAuthentication(){return false;改為：return true;}
2)public overrider void SetConfig(){BaseUrl = "~/ckfinder/userfiles/";}
5，在頁面中head標簽內寫入：
<script type="text/javascript" src="ckeditor/ckeditor.js" ></script>
<script type="text/javascript" src="ckfinder/ckfinder.js"></script>
如果有母版頁，在母版頁中寫
--註：單純的配置，6,7可以不要，但是一旦要入資料庫中，就要配置6.7步驟
6，在Default.aspx頁面中，寫入<%@Page ValidateRequest="false"%>
7,在web.config文件中，在system.web下寫 <httpRuntime requestValidationMode="2.0"/>
8，在Default.aspx頁面中添加<asp:TextBox ID="txtcontent" runat="server" TextMode="MultiLine" Height="503px" Width="100%" class="ckeditor" ></asp:TextBox>
<script type="text/javascript">
CKEDITOR.replace('<%= txtcontent.ClientID %>', { skin: 'kama' });
</script>(用ckfinder文件下skins文件下kama文件下的，skin.js，樣式)
⑷ ckeditor上傳圖片時卻顯示「缺少圖像源文件地址」，求助~
缺少圖像源文件地址，就是圖片的地址，就是你沒有引用過來，或者你沒有加上去，<img sre="圖片地址"/>可能就是某個地方少了這句話，對你有用的就採納一下！謝謝
⑸ ckeditor+php多圖片上傳問題。
返回格式因該是：<script type="text/javascript">window.parent.CKEDITOR.tools.callFunction($_GET["CKEditorFuncNum"],路徑,'消息')</script>
⑹ ckeditor編輯器如何做復制圖片上傳（包括本地圖片及遠程圖片），以插件方式實現
這個復制圖片到編輯器中的問題 是跟瀏覽器有關系的.IE瀏覽器是不支持的 .firefox瀏覽器是支持的.但是firefox是將圖片給解析成base64的大字元串而不是圖片路徑.
⑺ Ckeditor HTML編輯器 如何批量上傳圖片
Ckeditor上傳圖片是要配合Ckfinder進行的，只要有了Ckfinder,圖片就可以批量上傳了。這兩個工具本來是一體的，後來分割成了兩個東東。
⑻ php ckeditor 圖片上傳錯誤
你要把報錯信息列印出來才能知道怎麼解決啊，ckeditor最常見的報錯是許可權問題，是不是你要上傳的那個文件夾不存在或者沒有許可權？
⑼ asp.net CKEditor + CKFinder控制項，上傳圖片提示「上傳文件已損失」！跪求答案！
檢查你的web.config是否允許上傳4M以上的大文件；
檢查你的上傳目錄文件夾是否允許IIS進行讀寫操作；
檢查CKEditor的js，允許上傳的最大文件大小。
⑽ 誰能告訴我怎樣在ASP CKEditor 中實現上傳圖片功能
1、項目先新建Lbrary文件夾跟js文件夾（js小寫）並在js文件夾下，在簡歷ckeditor和ckfinder文件夾，壓縮包找到其中/bin/Debug下的CKEditor.NET.dll考到新建的文件夾下，如後在引用中右鍵添加對剛才的CKEditor.NET.dll的引用，如圖：
