我在项目中使用TinyMCE,希望用户使用其默认的“插入/编辑链接”窗口选择文件并将其上传到服务器。
以下代码适用于图像,但是我不确定在为链接插入文件的情况下如何处理。
tinymce.init({
selector: "#uploadElementDiv",
plugins: [
"link image"
],
toolbar: "link unlink image",
image_advtab: true,
file_picker_types: 'file image',
file_picker_callback: function(callback, value, meta) {
if (meta.filetype == 'image') {
$('#upload').trigger('click');
$('#upload').on('change', function() {
var file = this.files[0];
var reader = new FileReader();
reader.onload = function(e) {
callback(e.target.result, {
alt: ''
});
};
reader.readAsDataURL(file);
});
}
if (meta.filetype == 'file') {
//some code here
}
}
}
<iframe id="uploadElementDiv" contenteditable="true" style="width:100%;border:none;height:100%;margin-top:10px;" ></iframe>
<input name="image" type="file" id="upload" class="hidden" onchange="">