express+vue在线im实现【二】

express+vue在线im实现【一】

在线体验

本期完成了：
1、心跳检测
2、支持发送表情与图片【这个目前还需要优化下，当图片上传后会被默认选中，需要点击一下旁边，使之失去选中效果，才能正常，留待下期优化吧】
3、新增了一些细节，消息固定位置，是否显示呢称，新消息来的闪烁提示等
4、将整个模块独立了出来，在博客页新增了全局挂载
5、如何处理图片的加载无法正常获取到准确高度，导致无法滚动到准确位置(这个是这期本人觉得最复杂的，等待图片加载完再获取高度，体验太差；设置固定高度，又无法兼容到小图片，大的图片有看不清；具体解决方案在下方)

下期功能

1、文件发送
2、在线语音

感兴趣的，可以私聊我，也可以点个收藏，关注,以下是核心代码示例

心跳检测

为何需要做这个，长连接不稳定，会自动断开，需要我们手动来做在线检测和重连

        // 轮询心跳检测https://blog.csdn.net/qq_42451776/article/details/
setHeartBeathttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/ {https://blog.csdn.net/qq_42451776/article/details/
lethttps://blog.csdn.net/qq_42451776/article/details/ {https://blog.csdn.net/qq_42451776/article/details/ room_id }https://blog.csdn.net/qq_42451776/article/details/ =https://blog.csdn.net/qq_42451776/article/details/ thishttps://blog.csdn.net/qq_42451776/article/details/
clearTimeouthttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/thishttps://blog.csdn.net/qq_42451776/article/details/.https://blog.csdn.net/qq_42451776/article/details/timer)https://blog.csdn.net/qq_42451776/article/details/
thishttps://blog.csdn.net/qq_42451776/article/details/.https://blog.csdn.net/qq_42451776/article/details/timer =https://blog.csdn.net/qq_42451776/article/details/ setTimeouthttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/ =>https://blog.csdn.net/qq_42451776/article/details/ {https://blog.csdn.net/qq_42451776/article/details/
im_hearthttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/{https://blog.csdn.net/qq_42451776/article/details/ room_id }https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/
.https://blog.csdn.net/qq_42451776/article/details/thenhttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/reshttps://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/ =>https://blog.csdn.net/qq_42451776/article/details/ {https://blog.csdn.net/qq_42451776/article/details/
ifhttps://blog.csdn.net/qq_42451776/article/details/ (https://blog.csdn.net/qq_42451776/article/details/res &&https://blog.csdn.net/qq_42451776/article/details/ thishttps://blog.csdn.net/qq_42451776/article/details/.https://blog.csdn.net/qq_42451776/article/details/isObjecthttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/res.https://blog.csdn.net/qq_42451776/article/details/data)https://blog.csdn.net/qq_42451776/article/details/ &&https://blog.csdn.net/qq_42451776/article/details/ thishttps://blog.csdn.net/qq_42451776/article/details/.https://blog.csdn.net/qq_42451776/article/details/isObjecthttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/res.https://blog.csdn.net/qq_42451776/article/details/data.https://blog.csdn.net/qq_42451776/article/details/data)https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/ {https://blog.csdn.net/qq_42451776/article/details/
lethttps://blog.csdn.net/qq_42451776/article/details/ {https://blog.csdn.net/qq_42451776/article/details/ status }https://blog.csdn.net/qq_42451776/article/details/ =https://blog.csdn.net/qq_42451776/article/details/ res.https://blog.csdn.net/qq_42451776/article/details/data.https://blog.csdn.net/qq_42451776/article/details/data
ifhttps://blog.csdn.net/qq_42451776/article/details/ (https://blog.csdn.net/qq_42451776/article/details/status ==https://blog.csdn.net/qq_42451776/article/details/ 2https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/ {https://blog.csdn.net/qq_42451776/article/details/
console.https://blog.csdn.net/qq_42451776/article/details/loghttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/'您已掉线，开始重新加入'https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/
thishttps://blog.csdn.net/qq_42451776/article/details/.https://blog.csdn.net/qq_42451776/article/details/socket.https://blog.csdn.net/qq_42451776/article/details/emithttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/'join_room'https://blog.csdn.net/qq_42451776/article/details/,https://blog.csdn.net/qq_42451776/article/details/ {https://blog.csdn.net/qq_42451776/article/details/
room_id,https://blog.csdn.net/qq_42451776/article/details/
user_idhttps://blog.csdn.net/qq_42451776/article/details/:https://blog.csdn.net/qq_42451776/article/details/ thishttps://blog.csdn.net/qq_42451776/article/details/.https://blog.csdn.net/qq_42451776/article/details/userdata.https://blog.csdn.net/qq_42451776/article/details/_id,https://blog.csdn.net/qq_42451776/article/details/
}https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/
}https://blog.csdn.net/qq_42451776/article/details/
thishttps://blog.csdn.net/qq_42451776/article/details/.https://blog.csdn.net/qq_42451776/article/details/setHeartBeathttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/
}https://blog.csdn.net/qq_42451776/article/details/
}https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/
.https://blog.csdn.net/qq_42451776/article/details/catchhttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/=>https://blog.csdn.net/qq_42451776/article/details/{https://blog.csdn.net/qq_42451776/article/details/}https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/
}https://blog.csdn.net/qq_42451776/article/details/,https://blog.csdn.net/qq_42451776/article/details/ thishttps://blog.csdn.net/qq_42451776/article/details/.https://blog.csdn.net/qq_42451776/article/details/heartTime)https://blog.csdn.net/qq_42451776/article/details/
}https://blog.csdn.net/qq_42451776/article/details/,https://blog.csdn.net/qq_42451776/article/details/

支持发送表情与图片

这个使用了高级css3属性来完成

    <https://blog.csdn.net/qq_42451776/article/details/divhttps://blog.csdn.net/qq_42451776/article/details/
:idhttps://blog.csdn.net/qq_42451776/article/details/=https://blog.csdn.net/qq_42451776/article/details/"https://blog.csdn.net/qq_42451776/article/details/myInputId"https://blog.csdn.net/qq_42451776/article/details/https://blog.csdn.net/qq_42451776/article/details/
classhttps://blog.csdn.net/qq_42451776/article/details/=https://blog.csdn.net/qq_42451776/article/details/"https://blog.csdn.net/qq_42451776/article/details/im-input kl-contenteditable-input flex-1 no-select f-14"https://blog.csdn.net/qq_42451776/article/details/https://blog.csdn.net/qq_42451776/article/details/
contenteditablehttps://blog.csdn.net/qq_42451776/article/details/=https://blog.csdn.net/qq_42451776/article/details/"https://blog.csdn.net/qq_42451776/article/details/true"https://blog.csdn.net/qq_42451776/article/details/https://blog.csdn.net/qq_42451776/article/details/
@pastehttps://blog.csdn.net/qq_42451776/article/details/=https://blog.csdn.net/qq_42451776/article/details/"https://blog.csdn.net/qq_42451776/article/details/pasteEvent($event)"https://blog.csdn.net/qq_42451776/article/details/https://blog.csdn.net/qq_42451776/article/details/
@blurhttps://blog.csdn.net/qq_42451776/article/details/=https://blog.csdn.net/qq_42451776/article/details/"https://blog.csdn.net/qq_42451776/article/details/blurEvent"https://blog.csdn.net/qq_42451776/article/details/https://blog.csdn.net/qq_42451776/article/details/
>https://blog.csdn.net/qq_42451776/article/details/https://blog.csdn.net/qq_42451776/article/details/</https://blog.csdn.net/qq_42451776/article/details/divhttps://blog.csdn.net/qq_42451776/article/details/>https://blog.csdn.net/qq_42451776/article/details/https://blog.csdn.net/qq_42451776/article/details/

  asynchttps://blog.csdn.net/qq_42451776/article/details/ pasteEventhttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/eventhttps://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/ {https://blog.csdn.net/qq_42451776/article/details/
// 尝试从 event.clipboardData 获取粘贴的项https://blog.csdn.net/qq_42451776/article/details/
ifhttps://blog.csdn.net/qq_42451776/article/details/ (https://blog.csdn.net/qq_42451776/article/details/event.https://blog.csdn.net/qq_42451776/article/details/clipboardData &&https://blog.csdn.net/qq_42451776/article/details/ event.https://blog.csdn.net/qq_42451776/article/details/clipboardData.https://blog.csdn.net/qq_42451776/article/details/items)https://blog.csdn.net/qq_42451776/article/details/ {https://blog.csdn.net/qq_42451776/article/details/
forhttps://blog.csdn.net/qq_42451776/article/details/ (https://blog.csdn.net/qq_42451776/article/details/lethttps://blog.csdn.net/qq_42451776/article/details/ index inhttps://blog.csdn.net/qq_42451776/article/details/ event.https://blog.csdn.net/qq_42451776/article/details/clipboardData.https://blog.csdn.net/qq_42451776/article/details/items)https://blog.csdn.net/qq_42451776/article/details/ {https://blog.csdn.net/qq_42451776/article/details/
consthttps://blog.csdn.net/qq_42451776/article/details/ item =https://blog.csdn.net/qq_42451776/article/details/ event.https://blog.csdn.net/qq_42451776/article/details/clipboardData.https://blog.csdn.net/qq_42451776/article/details/items[https://blog.csdn.net/qq_42451776/article/details/index]https://blog.csdn.net/qq_42451776/article/details/
ifhttps://blog.csdn.net/qq_42451776/article/details/ (https://blog.csdn.net/qq_42451776/article/details/item.https://blog.csdn.net/qq_42451776/article/details/kind ===https://blog.csdn.net/qq_42451776/article/details/ 'file'https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/ {https://blog.csdn.net/qq_42451776/article/details/
event.https://blog.csdn.net/qq_42451776/article/details/preventDefaulthttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/
// 文件类型,将数据收集为filhttps://blog.csdn.net/qq_42451776/article/details/
lethttps://blog.csdn.net/qq_42451776/article/details/ file =https://blog.csdn.net/qq_42451776/article/details/ item.https://blog.csdn.net/qq_42451776/article/details/getAsFilehttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/
tryhttps://blog.csdn.net/qq_42451776/article/details/ {https://blog.csdn.net/qq_42451776/article/details/
lethttps://blog.csdn.net/qq_42451776/article/details/ {https://blog.csdn.net/qq_42451776/article/details/
filehttps://blog.csdn.net/qq_42451776/article/details/:https://blog.csdn.net/qq_42451776/article/details/ miniFile,https://blog.csdn.net/qq_42451776/article/details/
newWidth,https://blog.csdn.net/qq_42451776/article/details/
newHeight,https://blog.csdn.net/qq_42451776/article/details/
}https://blog.csdn.net/qq_42451776/article/details/ =https://blog.csdn.net/qq_42451776/article/details/ awaithttps://blog.csdn.net/qq_42451776/article/details/ thishttps://blog.csdn.net/qq_42451776/article/details/.https://blog.csdn.net/qq_42451776/article/details/compressImghttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/file,https://blog.csdn.net/qq_42451776/article/details/ 0.85https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/
consthttps://blog.csdn.net/qq_42451776/article/details/ formData =https://blog.csdn.net/qq_42451776/article/details/ newhttps://blog.csdn.net/qq_42451776/article/details/ FormDatahttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/
formData.https://blog.csdn.net/qq_42451776/article/details/appendhttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/'file'https://blog.csdn.net/qq_42451776/article/details/,https://blog.csdn.net/qq_42451776/article/details/ miniFile)https://blog.csdn.net/qq_42451776/article/details/
consthttps://blog.csdn.net/qq_42451776/article/details/  devicePixelRatioa =https://blog.csdn.net/qq_42451776/article/details/ window.https://blog.csdn.net/qq_42451776/article/details/devicePixelRatio ||https://blog.csdn.net/qq_42451776/article/details/ 1https://blog.csdn.net/qq_42451776/article/details/
// 上传图片，同时需要上传图片的宽高https://blog.csdn.net/qq_42451776/article/details/
upload_imgs_imhttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/formData,https://blog.csdn.net/qq_42451776/article/details/ {https://blog.csdn.net/qq_42451776/article/details/
typehttps://blog.csdn.net/qq_42451776/article/details/:https://blog.csdn.net/qq_42451776/article/details/ thishttps://blog.csdn.net/qq_42451776/article/details/.https://blog.csdn.net/qq_42451776/article/details/isIm ?https://blog.csdn.net/qq_42451776/article/details/ 'im'https://blog.csdn.net/qq_42451776/article/details/ :https://blog.csdn.net/qq_42451776/article/details/ 'sys'https://blog.csdn.net/qq_42451776/article/details/,https://blog.csdn.net/qq_42451776/article/details/
devicePixelRatioa,https://blog.csdn.net/qq_42451776/article/details/
widthhttps://blog.csdn.net/qq_42451776/article/details/:https://blog.csdn.net/qq_42451776/article/details/ Math.https://blog.csdn.net/qq_42451776/article/details/floorhttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/newWidth /https://blog.csdn.net/qq_42451776/article/details/ devicePixelRatioa)https://blog.csdn.net/qq_42451776/article/details/,https://blog.csdn.net/qq_42451776/article/details/
heighthttps://blog.csdn.net/qq_42451776/article/details/:https://blog.csdn.net/qq_42451776/article/details/ Math.https://blog.csdn.net/qq_42451776/article/details/floorhttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/newHeight /https://blog.csdn.net/qq_42451776/article/details/ devicePixelRatioa)https://blog.csdn.net/qq_42451776/article/details/,https://blog.csdn.net/qq_42451776/article/details/
}https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/.https://blog.csdn.net/qq_42451776/article/details/thenhttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/reshttps://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/ =>https://blog.csdn.net/qq_42451776/article/details/ {https://blog.csdn.net/qq_42451776/article/details/
ifhttps://blog.csdn.net/qq_42451776/article/details/ (https://blog.csdn.net/qq_42451776/article/details/res.https://blog.csdn.net/qq_42451776/article/details/code !=https://blog.csdn.net/qq_42451776/article/details/ 200https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/ {https://blog.csdn.net/qq_42451776/article/details/
returnhttps://blog.csdn.net/qq_42451776/article/details/ thishttps://blog.csdn.net/qq_42451776/article/details/.https://blog.csdn.net/qq_42451776/article/details/$message.https://blog.csdn.net/qq_42451776/article/details/errorhttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/res.https://blog.csdn.net/qq_42451776/article/details/msg ||https://blog.csdn.net/qq_42451776/article/details/ '请重新上传'https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/
}https://blog.csdn.net/qq_42451776/article/details/
// 将返回的图片链接替换到输入框中https://blog.csdn.net/qq_42451776/article/details/
lethttps://blog.csdn.net/qq_42451776/article/details/ imgUrl =https://blog.csdn.net/qq_42451776/article/details/ baseURL +https://blog.csdn.net/qq_42451776/article/details/ thishttps://blog.csdn.net/qq_42451776/article/details/.https://blog.csdn.net/qq_42451776/article/details/filePath +https://blog.csdn.net/qq_42451776/article/details/ res.https://blog.csdn.net/qq_42451776/article/details/data[https://blog.csdn.net/qq_42451776/article/details/0https://blog.csdn.net/qq_42451776/article/details/]https://blog.csdn.net/qq_42451776/article/details/?.https://blog.csdn.net/qq_42451776/article/details/filename
thishttps://blog.csdn.net/qq_42451776/article/details/.https://blog.csdn.net/qq_42451776/article/details/textContent =https://blog.csdn.net/qq_42451776/article/details/ `https://blog.csdn.net/qq_42451776/article/details/<img src="https://blog.csdn.net/qq_42451776/article/details/${https://blog.csdn.net/qq_42451776/article/details/imgUrl}https://blog.csdn.net/qq_42451776/article/details/https://blog.csdn.net/qq_42451776/article/details/" class="contenteditable-unpload-img" />https://blog.csdn.net/qq_42451776/article/details/`https://blog.csdn.net/qq_42451776/article/details/https://blog.csdn.net/qq_42451776/article/details/
thishttps://blog.csdn.net/qq_42451776/article/details/.https://blog.csdn.net/qq_42451776/article/details/insertHtmlAtCarethttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/thishttps://blog.csdn.net/qq_42451776/article/details/.https://blog.csdn.net/qq_42451776/article/details/textContent)https://blog.csdn.net/qq_42451776/article/details/
}https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/
}https://blog.csdn.net/qq_42451776/article/details/ catchhttps://blog.csdn.net/qq_42451776/article/details/ (https://blog.csdn.net/qq_42451776/article/details/err)https://blog.csdn.net/qq_42451776/article/details/ {https://blog.csdn.net/qq_42451776/article/details/
thishttps://blog.csdn.net/qq_42451776/article/details/.https://blog.csdn.net/qq_42451776/article/details/$message.https://blog.csdn.net/qq_42451776/article/details/warninghttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/'请重新上传'https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/
}https://blog.csdn.net/qq_42451776/article/details/
}https://blog.csdn.net/qq_42451776/article/details/
}https://blog.csdn.net/qq_42451776/article/details/
}https://blog.csdn.net/qq_42451776/article/details/
}https://blog.csdn.net/qq_42451776/article/details/,https://blog.csdn.net/qq_42451776/article/details/
insertHtmlAtCarethttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/html,https://blog.csdn.net/qq_42451776/article/details/ element =https://blog.csdn.net/qq_42451776/article/details/ document.https://blog.csdn.net/qq_42451776/article/details/querySelectorhttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/'.my-input'https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/ {https://blog.csdn.net/qq_42451776/article/details/
// 获取当前元素的选中范围https://blog.csdn.net/qq_42451776/article/details/
lethttps://blog.csdn.net/qq_42451776/article/details/ range,https://blog.csdn.net/qq_42451776/article/details/ selection
ifhttps://blog.csdn.net/qq_42451776/article/details/ (https://blog.csdn.net/qq_42451776/article/details/window.https://blog.csdn.net/qq_42451776/article/details/getSelection)https://blog.csdn.net/qq_42451776/article/details/ {https://blog.csdn.net/qq_42451776/article/details/
// 大多数浏览器，包括IE9+https://blog.csdn.net/qq_42451776/article/details/
selection =https://blog.csdn.net/qq_42451776/article/details/ window.https://blog.csdn.net/qq_42451776/article/details/getSelectionhttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/
ifhttps://blog.csdn.net/qq_42451776/article/details/ (https://blog.csdn.net/qq_42451776/article/details/selection.https://blog.csdn.net/qq_42451776/article/details/rangeCount >https://blog.csdn.net/qq_42451776/article/details/ 0https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/ {https://blog.csdn.net/qq_42451776/article/details/
range =https://blog.csdn.net/qq_42451776/article/details/ selection.https://blog.csdn.net/qq_42451776/article/details/getRangeAthttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/0https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/
}https://blog.csdn.net/qq_42451776/article/details/ elsehttps://blog.csdn.net/qq_42451776/article/details/ {https://blog.csdn.net/qq_42451776/article/details/
// 如果没有选中范围，则创建一个新的范围https://blog.csdn.net/qq_42451776/article/details/
range =https://blog.csdn.net/qq_42451776/article/details/ document.https://blog.csdn.net/qq_42451776/article/details/createRangehttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/
range.https://blog.csdn.net/qq_42451776/article/details/selectNodeContentshttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/element)https://blog.csdn.net/qq_42451776/article/details/
range.https://blog.csdn.net/qq_42451776/article/details/collapsehttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/falsehttps://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/ // 将范围设置在元素内容的末尾https://blog.csdn.net/qq_42451776/article/details/
selection.https://blog.csdn.net/qq_42451776/article/details/addRangehttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/range)https://blog.csdn.net/qq_42451776/article/details/
}https://blog.csdn.net/qq_42451776/article/details/
}https://blog.csdn.net/qq_42451776/article/details/ elsehttps://blog.csdn.net/qq_42451776/article/details/ ifhttps://blog.csdn.net/qq_42451776/article/details/ (https://blog.csdn.net/qq_42451776/article/details/document.https://blog.csdn.net/qq_42451776/article/details/selection &&https://blog.csdn.net/qq_42451776/article/details/ document.https://blog.csdn.net/qq_42451776/article/details/selection.https://blog.csdn.net/qq_42451776/article/details/createRange)https://blog.csdn.net/qq_42451776/article/details/ {https://blog.csdn.net/qq_42451776/article/details/
// 旧版本的IEhttps://blog.csdn.net/qq_42451776/article/details/
range =https://blog.csdn.net/qq_42451776/article/details/ document.https://blog.csdn.net/qq_42451776/article/details/selection.https://blog.csdn.net/qq_42451776/article/details/createRangehttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/
}https://blog.csdn.net/qq_42451776/article/details/
// 删除选中范围的内容（如果有的话）https://blog.csdn.net/qq_42451776/article/details/
ifhttps://blog.csdn.net/qq_42451776/article/details/ (https://blog.csdn.net/qq_42451776/article/details/range)https://blog.csdn.net/qq_42451776/article/details/ {https://blog.csdn.net/qq_42451776/article/details/
range.https://blog.csdn.net/qq_42451776/article/details/deleteContentshttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/
// 创建一个临时元素来保存HTMLhttps://blog.csdn.net/qq_42451776/article/details/
consthttps://blog.csdn.net/qq_42451776/article/details/ tempEl =https://blog.csdn.net/qq_42451776/article/details/ document.https://blog.csdn.net/qq_42451776/article/details/createElementhttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/'div'https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/
tempEl.https://blog.csdn.net/qq_42451776/article/details/innerHTML =https://blog.csdn.net/qq_42451776/article/details/ html
// 将临时元素的内容复制到范围中https://blog.csdn.net/qq_42451776/article/details/
whilehttps://blog.csdn.net/qq_42451776/article/details/ (https://blog.csdn.net/qq_42451776/article/details/tempEl.https://blog.csdn.net/qq_42451776/article/details/firstChild)https://blog.csdn.net/qq_42451776/article/details/ {https://blog.csdn.net/qq_42451776/article/details/
range.https://blog.csdn.net/qq_42451776/article/details/insertNodehttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/tempEl.https://blog.csdn.net/qq_42451776/article/details/firstChild)https://blog.csdn.net/qq_42451776/article/details/
}https://blog.csdn.net/qq_42451776/article/details/
}https://blog.csdn.net/qq_42451776/article/details/
}https://blog.csdn.net/qq_42451776/article/details/,https://blog.csdn.net/qq_42451776/article/details/

如何解决图片高度问题

前端部分

上传：可以看到我们在上传图片时同时上传了图片的高度与宽度

  // 上传图片，同时需要上传图片的宽高https://blog.csdn.net/qq_42451776/article/details/
upload_imgs_imhttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/formData,https://blog.csdn.net/qq_42451776/article/details/ {https://blog.csdn.net/qq_42451776/article/details/
typehttps://blog.csdn.net/qq_42451776/article/details/:https://blog.csdn.net/qq_42451776/article/details/ thishttps://blog.csdn.net/qq_42451776/article/details/.https://blog.csdn.net/qq_42451776/article/details/isIm ?https://blog.csdn.net/qq_42451776/article/details/ 'im'https://blog.csdn.net/qq_42451776/article/details/ :https://blog.csdn.net/qq_42451776/article/details/ 'sys'https://blog.csdn.net/qq_42451776/article/details/,https://blog.csdn.net/qq_42451776/article/details/
devicePixelRatioa,https://blog.csdn.net/qq_42451776/article/details/
widthhttps://blog.csdn.net/qq_42451776/article/details/:https://blog.csdn.net/qq_42451776/article/details/ Math.https://blog.csdn.net/qq_42451776/article/details/floorhttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/newWidth /https://blog.csdn.net/qq_42451776/article/details/ devicePixelRatioa)https://blog.csdn.net/qq_42451776/article/details/,https://blog.csdn.net/qq_42451776/article/details/
heighthttps://blog.csdn.net/qq_42451776/article/details/:https://blog.csdn.net/qq_42451776/article/details/ Math.https://blog.csdn.net/qq_42451776/article/details/floorhttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/newHeight /https://blog.csdn.net/qq_42451776/article/details/ devicePixelRatioa)https://blog.csdn.net/qq_42451776/article/details/,https://blog.csdn.net/qq_42451776/article/details/
}https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/.https://blog.csdn.net/qq_42451776/article/details/thenhttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/reshttps://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/ =>https://blog.csdn.net/qq_42451776/article/details/ {https://blog.csdn.net/qq_42451776/article/details/
ifhttps://blog.csdn.net/qq_42451776/article/details/ (https://blog.csdn.net/qq_42451776/article/details/res.https://blog.csdn.net/qq_42451776/article/details/code !=https://blog.csdn.net/qq_42451776/article/details/ 200https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/ {https://blog.csdn.net/qq_42451776/article/details/
returnhttps://blog.csdn.net/qq_42451776/article/details/ thishttps://blog.csdn.net/qq_42451776/article/details/.https://blog.csdn.net/qq_42451776/article/details/$message.https://blog.csdn.net/qq_42451776/article/details/errorhttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/res.https://blog.csdn.net/qq_42451776/article/details/msg ||https://blog.csdn.net/qq_42451776/article/details/ '请重新上传'https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/
}https://blog.csdn.net/qq_42451776/article/details/
// 将返回的图片链接替换到输入框中https://blog.csdn.net/qq_42451776/article/details/
lethttps://blog.csdn.net/qq_42451776/article/details/ imgUrl =https://blog.csdn.net/qq_42451776/article/details/ baseURL +https://blog.csdn.net/qq_42451776/article/details/ thishttps://blog.csdn.net/qq_42451776/article/details/.https://blog.csdn.net/qq_42451776/article/details/filePath +https://blog.csdn.net/qq_42451776/article/details/ res.https://blog.csdn.net/qq_42451776/article/details/data[https://blog.csdn.net/qq_42451776/article/details/0https://blog.csdn.net/qq_42451776/article/details/]https://blog.csdn.net/qq_42451776/article/details/?.https://blog.csdn.net/qq_42451776/article/details/filename
thishttps://blog.csdn.net/qq_42451776/article/details/.https://blog.csdn.net/qq_42451776/article/details/textContent =https://blog.csdn.net/qq_42451776/article/details/ `https://blog.csdn.net/qq_42451776/article/details/<img src="https://blog.csdn.net/qq_42451776/article/details/${https://blog.csdn.net/qq_42451776/article/details/imgUrl}https://blog.csdn.net/qq_42451776/article/details/https://blog.csdn.net/qq_42451776/article/details/" class="contenteditable-unpload-img" />https://blog.csdn.net/qq_42451776/article/details/`https://blog.csdn.net/qq_42451776/article/details/https://blog.csdn.net/qq_42451776/article/details/
thishttps://blog.csdn.net/qq_42451776/article/details/.https://blog.csdn.net/qq_42451776/article/details/insertHtmlAtCarethttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/thishttps://blog.csdn.net/qq_42451776/article/details/.https://blog.csdn.net/qq_42451776/article/details/textContent)https://blog.csdn.net/qq_42451776/article/details/
}https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/
}https://blog.csdn.net/qq_42451776/article/details/ catchhttps://blog.csdn.net/qq_42451776/article/details/ (https://blog.csdn.net/qq_42451776/article/details/err)https://blog.csdn.net/qq_42451776/article/details/ {https://blog.csdn.net/qq_42451776/article/details/
thishttps://blog.csdn.net/qq_42451776/article/details/.https://blog.csdn.net/qq_42451776/article/details/$message.https://blog.csdn.net/qq_42451776/article/details/warninghttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/'请重新上传'https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/
}https://blog.csdn.net/qq_42451776/article/details/

回显：直接读取链接上的宽高，来计算出需要呈现的最终宽高，这样就可以不用等到图片加载完毕，就能自动滚动到准确位置

    mountedhttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/ {https://blog.csdn.net/qq_42451776/article/details/
lethttps://blog.csdn.net/qq_42451776/article/details/ {https://blog.csdn.net/qq_42451776/article/details/ chatItemClassName,https://blog.csdn.net/qq_42451776/article/details/maxWidth }https://blog.csdn.net/qq_42451776/article/details/ =https://blog.csdn.net/qq_42451776/article/details/ thishttps://blog.csdn.net/qq_42451776/article/details/
lethttps://blog.csdn.net/qq_42451776/article/details/ imgs =https://blog.csdn.net/qq_42451776/article/details/ document.https://blog.csdn.net/qq_42451776/article/details/querySelectorAllhttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/`https://blog.csdn.net/qq_42451776/article/details/.https://blog.csdn.net/qq_42451776/article/details/${https://blog.csdn.net/qq_42451776/article/details/chatItemClassName}https://blog.csdn.net/qq_42451776/article/details/https://blog.csdn.net/qq_42451776/article/details/ .contenteditable-unpload-imghttps://blog.csdn.net/qq_42451776/article/details/`https://blog.csdn.net/qq_42451776/article/details/https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/
ifhttps://blog.csdn.net/qq_42451776/article/details/ (https://blog.csdn.net/qq_42451776/article/details/imgs &&https://blog.csdn.net/qq_42451776/article/details/ imgs.https://blog.csdn.net/qq_42451776/article/details/length >https://blog.csdn.net/qq_42451776/article/details/ 0https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/ {https://blog.csdn.net/qq_42451776/article/details/
forhttps://blog.csdn.net/qq_42451776/article/details/ (https://blog.csdn.net/qq_42451776/article/details/lethttps://blog.csdn.net/qq_42451776/article/details/ i =https://blog.csdn.net/qq_42451776/article/details/ 0https://blog.csdn.net/qq_42451776/article/details/;https://blog.csdn.net/qq_42451776/article/details/ i <https://blog.csdn.net/qq_42451776/article/details/ imgs.https://blog.csdn.net/qq_42451776/article/details/length;https://blog.csdn.net/qq_42451776/article/details/ i++https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/ {https://blog.csdn.net/qq_42451776/article/details/
consthttps://blog.csdn.net/qq_42451776/article/details/ item =https://blog.csdn.net/qq_42451776/article/details/ imgs[https://blog.csdn.net/qq_42451776/article/details/i]https://blog.csdn.net/qq_42451776/article/details/
item.https://blog.csdn.net/qq_42451776/article/details/onclickhttps://blog.csdn.net/qq_42451776/article/details/ =https://blog.csdn.net/qq_42451776/article/details/ (https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/ =>https://blog.csdn.net/qq_42451776/article/details/ {https://blog.csdn.net/qq_42451776/article/details/
thishttps://blog.csdn.net/qq_42451776/article/details/.https://blog.csdn.net/qq_42451776/article/details/prevewImghttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/item)https://blog.csdn.net/qq_42451776/article/details/
}https://blog.csdn.net/qq_42451776/article/details/
// 重新设置图片的宽高https://blog.csdn.net/qq_42451776/article/details/
consthttps://blog.csdn.net/qq_42451776/article/details/ src =https://blog.csdn.net/qq_42451776/article/details/ $https://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/item)https://blog.csdn.net/qq_42451776/article/details/.https://blog.csdn.net/qq_42451776/article/details/attrhttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/'src'https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/
lethttps://blog.csdn.net/qq_42451776/article/details/ arr =https://blog.csdn.net/qq_42451776/article/details/ src.https://blog.csdn.net/qq_42451776/article/details/splithttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/'~'https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/
arr =https://blog.csdn.net/qq_42451776/article/details/ arr.https://blog.csdn.net/qq_42451776/article/details/filterhttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/itemhttps://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/ =>https://blog.csdn.net/qq_42451776/article/details/ !https://blog.csdn.net/qq_42451776/article/details/isNaNhttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/+https://blog.csdn.net/qq_42451776/article/details/item)https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/
ifhttps://blog.csdn.net/qq_42451776/article/details/ (https://blog.csdn.net/qq_42451776/article/details/Array.https://blog.csdn.net/qq_42451776/article/details/isArrayhttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/arr)https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/ {https://blog.csdn.net/qq_42451776/article/details/
lethttps://blog.csdn.net/qq_42451776/article/details/ len =https://blog.csdn.net/qq_42451776/article/details/ arr.https://blog.csdn.net/qq_42451776/article/details/length
ifhttps://blog.csdn.net/qq_42451776/article/details/ (https://blog.csdn.net/qq_42451776/article/details/len ===https://blog.csdn.net/qq_42451776/article/details/ 3https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/ {https://blog.csdn.net/qq_42451776/article/details/
lethttps://blog.csdn.net/qq_42451776/article/details/ width =https://blog.csdn.net/qq_42451776/article/details/ +https://blog.csdn.net/qq_42451776/article/details/arr[https://blog.csdn.net/qq_42451776/article/details/1https://blog.csdn.net/qq_42451776/article/details/]https://blog.csdn.net/qq_42451776/article/details/
lethttps://blog.csdn.net/qq_42451776/article/details/ height =https://blog.csdn.net/qq_42451776/article/details/ +https://blog.csdn.net/qq_42451776/article/details/arr[https://blog.csdn.net/qq_42451776/article/details/2https://blog.csdn.net/qq_42451776/article/details/]https://blog.csdn.net/qq_42451776/article/details/
ifhttps://blog.csdn.net/qq_42451776/article/details/ (https://blog.csdn.net/qq_42451776/article/details/isNaNhttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/width)https://blog.csdn.net/qq_42451776/article/details/ ||https://blog.csdn.net/qq_42451776/article/details/ isNaNhttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/height)https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/ returnhttps://blog.csdn.net/qq_42451776/article/details/
ifhttps://blog.csdn.net/qq_42451776/article/details/ (https://blog.csdn.net/qq_42451776/article/details/width >https://blog.csdn.net/qq_42451776/article/details/ maxWidth)https://blog.csdn.net/qq_42451776/article/details/ {https://blog.csdn.net/qq_42451776/article/details/
lethttps://blog.csdn.net/qq_42451776/article/details/ scale =https://blog.csdn.net/qq_42451776/article/details/ maxWidth /https://blog.csdn.net/qq_42451776/article/details/ width
width =https://blog.csdn.net/qq_42451776/article/details/ maxWidth
height =https://blog.csdn.net/qq_42451776/article/details/ height *https://blog.csdn.net/qq_42451776/article/details/ scale
}https://blog.csdn.net/qq_42451776/article/details/
$https://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/item)https://blog.csdn.net/qq_42451776/article/details/.https://blog.csdn.net/qq_42451776/article/details/csshttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/{https://blog.csdn.net/qq_42451776/article/details/
widthhttps://blog.csdn.net/qq_42451776/article/details/:https://blog.csdn.net/qq_42451776/article/details/ width +https://blog.csdn.net/qq_42451776/article/details/ 'px'https://blog.csdn.net/qq_42451776/article/details/,https://blog.csdn.net/qq_42451776/article/details/
heighthttps://blog.csdn.net/qq_42451776/article/details/:https://blog.csdn.net/qq_42451776/article/details/ height +https://blog.csdn.net/qq_42451776/article/details/ 'px'https://blog.csdn.net/qq_42451776/article/details/,https://blog.csdn.net/qq_42451776/article/details/
}https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/
}https://blog.csdn.net/qq_42451776/article/details/
}https://blog.csdn.net/qq_42451776/article/details/
}https://blog.csdn.net/qq_42451776/article/details/
}https://blog.csdn.net/qq_42451776/article/details/
}https://blog.csdn.net/qq_42451776/article/details/,https://blog.csdn.net/qq_42451776/article/details/

express的上传代码

这边我们需要接收宽高，并将宽高信息放到文件名上

consthttps://blog.csdn.net/qq_42451776/article/details/ path =https://blog.csdn.net/qq_42451776/article/details/ requirehttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/"path"https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/;https://blog.csdn.net/qq_42451776/article/details/
consthttps://blog.csdn.net/qq_42451776/article/details/ multer =https://blog.csdn.net/qq_42451776/article/details/ requirehttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/"multer"https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/;https://blog.csdn.net/qq_42451776/article/details/
module.https://blog.csdn.net/qq_42451776/article/details/exports =https://blog.csdn.net/qq_42451776/article/details/ (https://blog.csdn.net/qq_42451776/article/details/limit =https://blog.csdn.net/qq_42451776/article/details/ 1https://blog.csdn.net/qq_42451776/article/details/,https://blog.csdn.net/qq_42451776/article/details/ file_type_name =https://blog.csdn.net/qq_42451776/article/details/ "blog"https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/ =>https://blog.csdn.net/qq_42451776/article/details/ {https://blog.csdn.net/qq_42451776/article/details/
lethttps://blog.csdn.net/qq_42451776/article/details/ storage =https://blog.csdn.net/qq_42451776/article/details/ multer.https://blog.csdn.net/qq_42451776/article/details/diskStoragehttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/{https://blog.csdn.net/qq_42451776/article/details/
destinationhttps://blog.csdn.net/qq_42451776/article/details/:https://blog.csdn.net/qq_42451776/article/details/ functionhttps://blog.csdn.net/qq_42451776/article/details/ (https://blog.csdn.net/qq_42451776/article/details/req,https://blog.csdn.net/qq_42451776/article/details/ file,https://blog.csdn.net/qq_42451776/article/details/ cbhttps://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/ {https://blog.csdn.net/qq_42451776/article/details/
lethttps://blog.csdn.net/qq_42451776/article/details/ {https://blog.csdn.net/qq_42451776/article/details/ type }https://blog.csdn.net/qq_42451776/article/details/ =https://blog.csdn.net/qq_42451776/article/details/ req.https://blog.csdn.net/qq_42451776/article/details/query;https://blog.csdn.net/qq_42451776/article/details/
ifhttps://blog.csdn.net/qq_42451776/article/details/ (https://blog.csdn.net/qq_42451776/article/details/type)https://blog.csdn.net/qq_42451776/article/details/ {https://blog.csdn.net/qq_42451776/article/details/
file_type_name =https://blog.csdn.net/qq_42451776/article/details/ type;https://blog.csdn.net/qq_42451776/article/details/
}https://blog.csdn.net/qq_42451776/article/details/
consthttps://blog.csdn.net/qq_42451776/article/details/ file_path =https://blog.csdn.net/qq_42451776/article/details/ path.https://blog.csdn.net/qq_42451776/article/details/resolvehttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/
__dirname,https://blog.csdn.net/qq_42451776/article/details/
"../../public/"https://blog.csdn.net/qq_42451776/article/details/,https://blog.csdn.net/qq_42451776/article/details/
file_type_name
)https://blog.csdn.net/qq_42451776/article/details/;https://blog.csdn.net/qq_42451776/article/details/
cbhttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/nullhttps://blog.csdn.net/qq_42451776/article/details/,https://blog.csdn.net/qq_42451776/article/details/ file_path)https://blog.csdn.net/qq_42451776/article/details/;https://blog.csdn.net/qq_42451776/article/details/
}https://blog.csdn.net/qq_42451776/article/details/,https://blog.csdn.net/qq_42451776/article/details/
filenamehttps://blog.csdn.net/qq_42451776/article/details/:https://blog.csdn.net/qq_42451776/article/details/ functionhttps://blog.csdn.net/qq_42451776/article/details/ (https://blog.csdn.net/qq_42451776/article/details/req,https://blog.csdn.net/qq_42451776/article/details/ file,https://blog.csdn.net/qq_42451776/article/details/ cbhttps://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/ {https://blog.csdn.net/qq_42451776/article/details/
lethttps://blog.csdn.net/qq_42451776/article/details/ {https://blog.csdn.net/qq_42451776/article/details/ user_id,https://blog.csdn.net/qq_42451776/article/details/ devicePixelRatioa =https://blog.csdn.net/qq_42451776/article/details/ 1https://blog.csdn.net/qq_42451776/article/details/,https://blog.csdn.net/qq_42451776/article/details/ width =https://blog.csdn.net/qq_42451776/article/details/ 0https://blog.csdn.net/qq_42451776/article/details/,https://blog.csdn.net/qq_42451776/article/details/ height =https://blog.csdn.net/qq_42451776/article/details/ 0https://blog.csdn.net/qq_42451776/article/details/ }https://blog.csdn.net/qq_42451776/article/details/ =https://blog.csdn.net/qq_42451776/article/details/ req.https://blog.csdn.net/qq_42451776/article/details/query;https://blog.csdn.net/qq_42451776/article/details/
lethttps://blog.csdn.net/qq_42451776/article/details/ fileOption =https://blog.csdn.net/qq_42451776/article/details/ {https://blog.csdn.net/qq_42451776/article/details/
author_idhttps://blog.csdn.net/qq_42451776/article/details/:https://blog.csdn.net/qq_42451776/article/details/ user_id,https://blog.csdn.net/qq_42451776/article/details/
netdisk_urlhttps://blog.csdn.net/qq_42451776/article/details/:https://blog.csdn.net/qq_42451776/article/details/ ""https://blog.csdn.net/qq_42451776/article/details/,https://blog.csdn.net/qq_42451776/article/details/
netdisk_namehttps://blog.csdn.net/qq_42451776/article/details/:https://blog.csdn.net/qq_42451776/article/details/ ""https://blog.csdn.net/qq_42451776/article/details/,https://blog.csdn.net/qq_42451776/article/details/
netdisk_save_namehttps://blog.csdn.net/qq_42451776/article/details/:https://blog.csdn.net/qq_42451776/article/details/ ""https://blog.csdn.net/qq_42451776/article/details/,https://blog.csdn.net/qq_42451776/article/details/
netdisk_sizehttps://blog.csdn.net/qq_42451776/article/details/:https://blog.csdn.net/qq_42451776/article/details/ ""https://blog.csdn.net/qq_42451776/article/details/,https://blog.csdn.net/qq_42451776/article/details/
netdisk_create_timehttps://blog.csdn.net/qq_42451776/article/details/:https://blog.csdn.net/qq_42451776/article/details/ ""https://blog.csdn.net/qq_42451776/article/details/,https://blog.csdn.net/qq_42451776/article/details/
}https://blog.csdn.net/qq_42451776/article/details/;https://blog.csdn.net/qq_42451776/article/details/
lethttps://blog.csdn.net/qq_42451776/article/details/ fileFormat =https://blog.csdn.net/qq_42451776/article/details/ file.https://blog.csdn.net/qq_42451776/article/details/originalname.https://blog.csdn.net/qq_42451776/article/details/splithttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/"."https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/;https://blog.csdn.net/qq_42451776/article/details/
lethttps://blog.csdn.net/qq_42451776/article/details/ old_name =https://blog.csdn.net/qq_42451776/article/details/ ""https://blog.csdn.net/qq_42451776/article/details/;https://blog.csdn.net/qq_42451776/article/details/
fileFormat.https://blog.csdn.net/qq_42451776/article/details/forEachhttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/item,https://blog.csdn.net/qq_42451776/article/details/ indexhttps://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/ =>https://blog.csdn.net/qq_42451776/article/details/ {https://blog.csdn.net/qq_42451776/article/details/
ifhttps://blog.csdn.net/qq_42451776/article/details/ (https://blog.csdn.net/qq_42451776/article/details/index <https://blog.csdn.net/qq_42451776/article/details/ fileFormat.https://blog.csdn.net/qq_42451776/article/details/length -https://blog.csdn.net/qq_42451776/article/details/ 1https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/ {https://blog.csdn.net/qq_42451776/article/details/
old_name +=https://blog.csdn.net/qq_42451776/article/details/ item;https://blog.csdn.net/qq_42451776/article/details/
}https://blog.csdn.net/qq_42451776/article/details/
}https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/;https://blog.csdn.net/qq_42451776/article/details/
lethttps://blog.csdn.net/qq_42451776/article/details/ file_type =https://blog.csdn.net/qq_42451776/article/details/ fileFormat[https://blog.csdn.net/qq_42451776/article/details/fileFormat.https://blog.csdn.net/qq_42451776/article/details/length -https://blog.csdn.net/qq_42451776/article/details/ 1https://blog.csdn.net/qq_42451776/article/details/]https://blog.csdn.net/qq_42451776/article/details/;https://blog.csdn.net/qq_42451776/article/details/
lethttps://blog.csdn.net/qq_42451776/article/details/ netdisk_save_name =https://blog.csdn.net/qq_42451776/article/details/ `https://blog.csdn.net/qq_42451776/article/details/${https://blog.csdn.net/qq_42451776/article/details/old_name}https://blog.csdn.net/qq_42451776/article/details/https://blog.csdn.net/qq_42451776/article/details/-https://blog.csdn.net/qq_42451776/article/details/${https://blog.csdn.net/qq_42451776/article/details/Date.https://blog.csdn.net/qq_42451776/article/details/nowhttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/}https://blog.csdn.net/qq_42451776/article/details/https://blog.csdn.net/qq_42451776/article/details/~https://blog.csdn.net/qq_42451776/article/details/${https://blog.csdn.net/qq_42451776/article/details/devicePixelRatioa}https://blog.csdn.net/qq_42451776/article/details/https://blog.csdn.net/qq_42451776/article/details/~https://blog.csdn.net/qq_42451776/article/details/`https://blog.csdn.net/qq_42451776/article/details/https://blog.csdn.net/qq_42451776/article/details/;https://blog.csdn.net/qq_42451776/article/details/
ifhttps://blog.csdn.net/qq_42451776/article/details/ (https://blog.csdn.net/qq_42451776/article/details/width &&https://blog.csdn.net/qq_42451776/article/details/ height)https://blog.csdn.net/qq_42451776/article/details/ {https://blog.csdn.net/qq_42451776/article/details/
netdisk_save_name +=https://blog.csdn.net/qq_42451776/article/details/ `https://blog.csdn.net/qq_42451776/article/details/${https://blog.csdn.net/qq_42451776/article/details/width}https://blog.csdn.net/qq_42451776/article/details/https://blog.csdn.net/qq_42451776/article/details/~https://blog.csdn.net/qq_42451776/article/details/${https://blog.csdn.net/qq_42451776/article/details/height}https://blog.csdn.net/qq_42451776/article/details/https://blog.csdn.net/qq_42451776/article/details/~https://blog.csdn.net/qq_42451776/article/details/`https://blog.csdn.net/qq_42451776/article/details/https://blog.csdn.net/qq_42451776/article/details/;https://blog.csdn.net/qq_42451776/article/details/
}https://blog.csdn.net/qq_42451776/article/details/
netdisk_save_name +=https://blog.csdn.net/qq_42451776/article/details/ `https://blog.csdn.net/qq_42451776/article/details/.https://blog.csdn.net/qq_42451776/article/details/${https://blog.csdn.net/qq_42451776/article/details/file_type}https://blog.csdn.net/qq_42451776/article/details/https://blog.csdn.net/qq_42451776/article/details/`https://blog.csdn.net/qq_42451776/article/details/https://blog.csdn.net/qq_42451776/article/details/;https://blog.csdn.net/qq_42451776/article/details/
// 存储相关数据到自定义项https://blog.csdn.net/qq_42451776/article/details/
fileOption.https://blog.csdn.net/qq_42451776/article/details/netdisk_url =https://blog.csdn.net/qq_42451776/article/details/ file_type_name +https://blog.csdn.net/qq_42451776/article/details/ "/"https://blog.csdn.net/qq_42451776/article/details/ +https://blog.csdn.net/qq_42451776/article/details/ netdisk_save_name;https://blog.csdn.net/qq_42451776/article/details/
fileOption.https://blog.csdn.net/qq_42451776/article/details/netdisk_name =https://blog.csdn.net/qq_42451776/article/details/ file.https://blog.csdn.net/qq_42451776/article/details/originalname ||https://blog.csdn.net/qq_42451776/article/details/ ""https://blog.csdn.net/qq_42451776/article/details/;https://blog.csdn.net/qq_42451776/article/details/
fileOption.https://blog.csdn.net/qq_42451776/article/details/netdisk_save_name =https://blog.csdn.net/qq_42451776/article/details/ netdisk_save_name ||https://blog.csdn.net/qq_42451776/article/details/ ""https://blog.csdn.net/qq_42451776/article/details/;https://blog.csdn.net/qq_42451776/article/details/
fileOption.https://blog.csdn.net/qq_42451776/article/details/netdisk_size =https://blog.csdn.net/qq_42451776/article/details/ file.https://blog.csdn.net/qq_42451776/article/details/size ||https://blog.csdn.net/qq_42451776/article/details/ 0https://blog.csdn.net/qq_42451776/article/details/;https://blog.csdn.net/qq_42451776/article/details/
fileOption.https://blog.csdn.net/qq_42451776/article/details/netdisk_create_time =https://blog.csdn.net/qq_42451776/article/details/ Date.https://blog.csdn.net/qq_42451776/article/details/nowhttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/;https://blog.csdn.net/qq_42451776/article/details/
req.https://blog.csdn.net/qq_42451776/article/details/fileOption =https://blog.csdn.net/qq_42451776/article/details/ fileOption;https://blog.csdn.net/qq_42451776/article/details/
cbhttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/nullhttps://blog.csdn.net/qq_42451776/article/details/,https://blog.csdn.net/qq_42451776/article/details/ netdisk_save_name)https://blog.csdn.net/qq_42451776/article/details/;https://blog.csdn.net/qq_42451776/article/details/
}https://blog.csdn.net/qq_42451776/article/details/,https://blog.csdn.net/qq_42451776/article/details/
}https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/;https://blog.csdn.net/qq_42451776/article/details/
lethttps://blog.csdn.net/qq_42451776/article/details/ upload =https://blog.csdn.net/qq_42451776/article/details/ multerhttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/{https://blog.csdn.net/qq_42451776/article/details/ storagehttps://blog.csdn.net/qq_42451776/article/details/:https://blog.csdn.net/qq_42451776/article/details/ storage }https://blog.csdn.net/qq_42451776/article/details/)https://blog.csdn.net/qq_42451776/article/details/;https://blog.csdn.net/qq_42451776/article/details/
// file 前端上传key也必须 都是 filehttps://blog.csdn.net/qq_42451776/article/details/
lethttps://blog.csdn.net/qq_42451776/article/details/ result =https://blog.csdn.net/qq_42451776/article/details/ upload.https://blog.csdn.net/qq_42451776/article/details/arrayhttps://blog.csdn.net/qq_42451776/article/details/(https://blog.csdn.net/qq_42451776/article/details/"file"https://blog.csdn.net/qq_42451776/article/details/,https://blog.csdn.net/qq_42451776/article/details/ limit)https://blog.csdn.net/qq_42451776/article/details/;https://blog.csdn.net/qq_42451776/article/details/
returnhttps://blog.csdn.net/qq_42451776/article/details/ result;https://blog.csdn.net/qq_42451776/article/details/
}https://blog.csdn.net/qq_42451776/article/details/;https://blog.csdn.net/qq_42451776/article/details/

本期示例