<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>
|