打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
从剪贴板上传图片文件
<script language="text/javascript">
    $("#myUEditor").onpaste = _onDragOver;
    /**
     * 粘贴事件触发
     */
    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);
                //上传文件到服务器
                return _uploadToServer(formData);
            };
            reader.readAsDataURL(file);
        } else {
            console.log("此" + file.name + "不是图片文件!");
        }
    }
    /**
     * 上传文件到服务器
     * @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) { //上传成功时,触发
                _upload_img_url = xhr.responseText; //获取服务器返回的最新图片url
            }
        };
    }
</script>
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
XMLHttpRequest 2.0 - FormData
前端文件上传基础
文件上传的渐进式增强
Javascript使用HTML5 File Api进行文件读取
JavaScript中的AJAX
HTML5 实现文件拖放上传
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服