Javascript 上传并插入到编辑器中
我正试图建立一个上传系统与Ckeditor的工作 我的问题是,当我不断上传文件,它仍然上传,但不能包括到Ckeditor HTML: 以下是可用于测试的所有文件:Javascript 上传并插入到编辑器中,javascript,jquery,html,ckeditor,Javascript,Jquery,Html,Ckeditor,我正试图建立一个上传系统与Ckeditor的工作 我的问题是,当我不断上传文件,它仍然上传,但不能包括到Ckeditor HTML: 以下是可用于测试的所有文件: https://www.dropbox.com/s/mmki4tpzdsh1a2d/upload.rar 我将文件名()放入stopUpload()中 函数停止上传(成功){ var结果=“”; 如果(成功==1){ 结果='文件已成功上载!'; var fullPath=document.getElementById('file'
https://www.dropbox.com/s/mmki4tpzdsh1a2d/upload.rar
我将文件名()放入stopUpload()中
函数停止上传(成功){
var结果=“”;
如果(成功==1){
结果='文件已成功上载!
';
var fullPath=document.getElementById('file').value;
index=fullPath.lastIndexOf(“\\”);
filename=fullPath.substring(索引+1);
//输入到编辑器//
var editor=CKEDITOR.instances.editor;
编者:插入TML(“”);
//输入到编辑器//
}
否则{
结果='上传文件时出错!
';
}
document.getElementById('f1_upload_process')。style.visibility='hidden';
document.getElementById('f1_upload_form')。innerHTML=result+'文件:请在问题本身中包含相关代码,而不仅仅是一堆链接。代码本身很长,所以我把它放在了jsfiddle@daniellisk上
CKEDITOR.replace('editor');
function filename() {
var fullPath = document.getElementById('file').value;
index = fullPath.lastIndexOf("\\");
filename = fullPath.substring(index + 1);
//INPUT into CkEditor//
var editor = CKEDITOR.instances.editor;
editor.insertHtml("<img src=" + filename + " />");
//INPUT into CkEditor//
}
function startUpload() {
document.getElementById('f1_upload_process').style.visibility = 'visible';
document.getElementById('f1_upload_form').style.visibility = 'hidden';
return true;
}
function stopUpload(success) {
var result = '';
if (success == 1) {
result = '<span class="msg">The file was uploaded successfully!<\/span><br/><br/>';
filename();
success = 0;
} else {
result = '<span class="emsg">There was an error during file upload!<\/span><br/><br/>';
}
document.getElementById('f1_upload_process').style.visibility = 'hidden';
document.getElementById('f1_upload_form').innerHTML = result + '<label>File:<input id="file" name="myfile" type="file" size="30" /></label<label><input type="submit" name="submitBtn" class="sbtn" value="Upload" /></label>';
document.getElementById('f1_upload_form').style.visibility = 'visible';
return true;
}
<?php
// Edit upload location here
$destination_path = getcwd().DIRECTORY_SEPARATOR;
$result = 0;
$target_path = $destination_path . basename( $_FILES['myfile']['name']);
if(@move_uploaded_file($_FILES['myfile']['tmp_name'], $target_path)) {
$result = 1;
}
sleep(1);
?>
<script language="javascript" type="text/javascript">window.top.window.stopUpload(<?php echo $result; ?>);</script>
http://jsfiddle.net/KevinNote/g7KMe/1/
https://www.dropbox.com/s/mmki4tpzdsh1a2d/upload.rar
function stopUpload(success){
var result = '';
if (success == 1){
result = '<span class="msg">The file was uploaded successfully!<\/span><br/><br/>';
var fullPath = document.getElementById('file').value;
index = fullPath.lastIndexOf("\\");
filename = fullPath.substring(index + 1);
//INPUT into CkEditor//
var editor = CKEDITOR.instances.editor;
editor.insertHtml("<img src=" + filename + " />");
//INPUT into CkEditor//
}
else {
result = '<span class="emsg">There was an error during file upload!<\/span><br/><br/>';
}
document.getElementById('f1_upload_process').style.visibility = 'hidden';
document.getElementById('f1_upload_form').innerHTML = result + '<label>File: <input id="file" " name="myfile" type="file" size="30" /></label<label><input type="submit" name="submitBtn" class="sbtn" value="Upload" /></label>';
document.getElementById('f1_upload_form').style.visibility = 'visible';
return true;
}