ueditorで単語の写真をバッチでアップロードするにはどうすればよいですか?
1.フロントエンド参照コード
<!DOCTYPE html PUBLIC "-// W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<ヘッド>
<meta http-equiv = "Content-Type" content = "text / html; charset = utf-8" />
<title>エディターの完全バージョンの例-1.2.6.0 </ title>
<script type = "text / javascript" src = "ueditor.config.js" charset = "utf-8"> </ script>
<script type = "text / javascript" src = "ueditor.all.js" charset = "utf-8"> </ script>
<link type = "text / css" rel = "Stylesheet" href = "WordPaster / css / WordPaster.css" />
<link type = "text / css" rel = "Stylesheet" href = "WordPaster / js / skygqbox.css" />
<scrip ttype = "text / javascript" src = "WordPaster / js / json2.min.js" charset = "utf-8"> </ script>
<scrip ttype = "text / javascript" src = "WordPaster / js / jquery-1.4.min.js" charset = "utf-8"> </ script>
<scrip ttype = "text / javascript" src = "WordPaster / js / WordPaster.js" charset = "utf-8"> </ script>
<scrip ttype = "text / javascript" src = "WordPaster / js / skygqbox.js" charset = "utf-8"> </ script>
</ head>
<ボディ>
<textarea name = "key of background value" id = "myEditor">最初のコンテンツをここに記述してください</ textarea>
<script type = "text / javascript">
var pasterMgr = new WordPasterManager();
pasterMgr.Config ["PostUrl"] = "http:// localhost:81 / WordPaster2 / WordPasterUEditor1x / php / upload.php"
pasterMgr.Load(); //ロード制御
UE.getEditor( 'myEditor'、(onready:function(){//エディターインスタンスを作成する
pasterMgr.SetEditor(this);
}});
</ script>
</ body>
</ html>
リクエスト
ファイルアップロードのデフォルトのリクエストは、「アップロード」フィールドを持つフォームデータとしてのファイルです。
応答:ファイルは正常にアップロードされました
ファイルが正常にアップロードされたときのJSON応答:
Uploaded-は1に設定されています。
fileName-アップロードされたファイルの名前。
url-アップロードされたファイルのURL。
応答:ファイルをアップロードできませんでした
Uploaded-は0に設定されています。
error.message-ユーザーに表示されるエラーメッセージ。
2.貼り付けた単語の画像パスはfill:// Dです。この形式は、安全でない多くのブラウザでサポートされていないことを理解しています。
現在のプロジェクトは柔軟な方法を使用しています:
まず、単語を背景にアップロードし、poi分析し、画像を保存し、htmlを変換し、画像を置き換えて、リッチテキストボックスに表示します。
(リッチテキスト表示に問題があります。リッチテキストに値を直接割り当てる方法が見つからないため、最初にレコードを破棄する必要があります
成功:function(data){
$( '#content')。attr( 'value'、data.imagePath);
var editor = CKEDITOR.instances ["content"]; //エディターの「name」属性の値
if(editor){
editor.destroy(true); //エディターを破棄します
}
CKEDITOR.replace( 'content'); //エディターを置き換えます。editorIDはckeditorの「id」属性の値です
$( "#content")。val(result); //エディターに値を割り当てる
//CKEDITOR.instances.contentCkeditor.setData($( "#content")。text());
}
3.アップロードされた画像を受け取り、サーバーに保存します
<?php
ob_start();
// 201201/10
$ timeDir = date( "Ym")。 "/"。date( "d");
$ uploadDir = dirname(__ FILE __)。 '/ upload /'.$ timeDir;
$ curDomain = "http://"。$ _ SERVER ["HTTP_HOST"]。 "/";
//相対パスhttp://www.ncmem.com/upload/2012-1-10/
$ relatPath = $ curDomain。 "WordPaster2 / WordPasterUEditor1x / php / upload /"。$ timeDir。"/";
//ディレクトリを自動的に作成します。アップロード/ 2012-1-10
if(!is_dir($ uploadDir))
{
mkdir($ uploadDir、0777、true);
}
// PHPページがUTF-8でエンコードされている場合は、urldecodeを使用してファイル名をデコードしてください
// $ fileName = urldecode($ _ FILES ['postedFile'] ['name']);
// PHPページがGB2312エンコーディングの場合、ファイル名を直接読み取ることができます
$ fileName = $ _FILES ['file'] ['name'];
$ tmpName = $ _FILES ['file'] ['tmp_name'];
//ファイル拡張子jpg、gif、bmp、pngを取得します
$ path_parts = pathinfo($ fileName);
$ ext = $ path_parts ["extension"];
$ ext = strtolower($ ext); // jpg、png、gif、bmp
//画像タイプのファイルのアップロードのみを許可します
if($ ext == "jpg"
|| $ ext == "jpeg"
|| $ ext == "png"
|| $ ext == "gif"
|| $ ext == "bmp")
{
//Year_month_day_hour、min、second、millisecond.jpg
$ saveFileName = $ fileName;
//xxx/2011_05_05_091250000.jpg
$ savePath = $ uploadDir。「/」$ saveFileName;
//新しいファイル名で保存します
if(!move_uploaded_file($ tmpName、$ savePath))
{
exit( 'upload error!'。 "ファイル名:"。$ fileName。 "保存パス:"。$ savePath);
}
}
//出力画像パス
// $ _ SERVER ['HTTP_HOST'] localhost:81
// $ _ SERVER ['REQUEST_URI'] /FCKEditor2.4.6.1/php/test.php
$ reqPath = str_replace( "upload.php"、 ""、$ _ SERVER ['REQUEST_URI']);
echo $ relatPath。$ saveFileName;
header( 'Content-type:text / html; charset = utf-8');
header( 'Content-Length:' .ob_get_length());
?>
結果を示す:
使用する前に設定する必要があります。私が書いたこの記事を参照できます:http : //blog.ncmem.com/wordpress/2019/08/07/umeditor%E7%B2%98%E8%B4%B4word%E5% 9B%BE%E7%89%87 /
ディスカッショングループ:223813913