<script language=
"text/javascript"
>
$(
"#myUEditor"
).onpaste = _onDragOver;
/**
* 粘貼事件觸發(fā)
*/
function
_onPaste(ev) {
if
(ev && ev.clipboardData && ev.clipboardData.items) {
var
clipboardData = ev.clipboardData;
var
items = clipboardData.items;
for
(
var
i = 0; i < items.length; i++) {
var
item = items[i];
if
(item.kind ===
"file"
&& item.type ===
"image/png"
) {
var
imageFile = item.getAsFile();
//頁面上顯示需要上傳的文件
_showUploadFile(imageFile);
}
}
}
}
/**
* 頁面上顯示需要上傳的文件
* @private
*/
function
_showUploadFile(file) {
var
reader =
new
FileReader();
//判斷文件類型
if
(file.type.match(/image*/)) {
reader.onload =
function
(e) {
var
formData =
new
FormData();
formData.append(
"img"
, file);
//上傳文件到服務(wù)器
return
_uploadToServer(formData);
};
reader.readAsDataURL(file);
}
else
{
console.log(
"此"
+ file.name +
"不是圖片文件!"
);
}
}
/**
* 上傳文件到服務(wù)器
* @private
*/
function
_uploadToServer(formData) {
var
xhr =
new
XMLHttpRequest();
xhr.open(
"POST"
,
"/action/uploadimg"
,
true
);
xhr.setRequestHeader(
'X-Requested-With'
,
'XMLHttpRequest'
,
'Content-Type'
,
'multipart/form-data;'
);
xhr.send(formData);
xhr.onreadystatechange =
function
() {
if
(xhr.readyState == 4 && xhr.status == 200) {
//上傳成功時(shí),觸發(fā)
_upload_img_url = xhr.responseText;
//獲取服務(wù)器返回的最新圖片url
}
};
}
</script>
聯(lián)系客服