面上一幅图片,查看图片的属性:
查看图片的绝对地址:C:\Users\Administrator\Desktop,文件名是:097.jpg。
新建一个txt文档,输入:
<!DOCTYPE html>
<html>
<body>
<img src="C:/Users/Administrator/Desktop/097.jpg"
width="500" height="365">
</body>
</html>
把文件保存到电脑桌面之后,把txt改为html文件,并用浏览器打开,就可以在网页上看到刚才的图片了。
TML+AJAX实现上传大文件方案,h5批量下载文件,HTTP+断点续传,前端处理大文件/视频分片上传,断点续传,VUE—实现文件上传(多文件),图片上传,VUE 项目大文件上传下载解决方案,VUE将前端的JSON文件上传到后台对应目录,
JAVASCRIPT之分片上传,断点续传的实际项目实现详解,大文件上传如何做断点续传?全端+后端结合开发,VUE实现文件上传(单文件、多文件、分片上传),JS中实现文件上传下载的三种解决方案(推荐),JS实现大文件上传——分片上传方法,完美解决WEB无法上传大文件方法,HTML大文件上传源码,
WEBUPLOAD组件实现文件上传功能和下载功能,js大文件上传下载解决方案,vue大文件上传下载解决方案
asp.net大文件上传下载解决方案,.net大文件上传下载解决方案,webform大文件上传下载解决方案,jsp大文件上传下载解决方案,java大文件上传下载解决方案,JAVASCRIPT 大文件上传下载切片解决方案,JAVASCRIPT 大文件上传下载切割解决方案,JAVASCRIPT 大文件上传下载分割解决方案,JAVASCRIPT 大文件上传下载分块解决方案,JAVASCRIPT 大文件上传下载分片解决方案,web大文件上传下载解决方案,
网页大文件上传下载解决方案,前端大文件上传下载解决方案,html5大文件上传下载解决方案,JAVASCRIPT 大文件上传下载解决方案,支持
之前在网上也找过相关的资料,论坛上也有网友交流过,但是基本上都不太令人满意,与公司这边的项目需求相差太远。
HTML5,VUE2,VUE3,React,javascript等常用前端UI框架,JS框架,网上找的方案大多数都只是一些代码片段,没有提供完整的前后端代码。
原理到是不复杂。上传位置不能传错。用户主要强调稳定性和兼容性。
之前在网上也搜过相关的资料。论坛里面也有一些网络交流,但是都不太令人满意。公司这边实际上需要的是一成熟的商业解决方案,需要能够提供成功案例,公司客户都是国企。
跟项目经理沟通过,这块网上搜到的文章能用的几乎没有。实际上客户那边比较在乎两点。
之前项目上面用Flash比较多一点,现在基本上都是HTML5,断点续传除了页面级以外最好还能够提供离线支持。
支持IE,Chrome和信创国产化环境,比如银河麒麟,统信UOS,龙芯,
支持分片,分块,分段,切片,分割上传。能够突破chrome每域名的5个TCP连接限制,能够突破chrome重启,关闭浏览器续传的限制。
支持10G,20G,50G,100G文件上传和续传,支持秒传,支持文件夹上传,重复文件检测,重复文件校验
支持文件下载,批量下载,下载断点续传,加密下载,端到端加密,加密算法支持国密SM4,多线程下载
支持在服务端保存文件夹层级结构,支持将文件夹层级结构信息保存到数据库中,支持下载时能够将文件夹层级结构下载下来,支持下载文件夹,下载文件夹支持断点续传,
支持加密传输,包括加密上传,加密下载,加密算法支持国密SM4,
支持云对象存储,比如华为云,阿里云,腾讯云,七牛云,AWS,MinIO,FastDFS,
提供手机,QQ,微信,邮箱等联系方式,提供7*24小时技术支持,提供长期技术支持和维护服务,提供远程1对1技术指导,提供二次开发指导,提供文档教程,提供视频教程。1.下载示例
https://gitee.com/xproer/up6-vue-cli
将up6组件复制到项目中
示例中已经包含此目录
1.引入up6组件
2.配置接口地址
接口地址分别对应:文件初始化,文件数据上传,文件进度,文件上传完毕,文件删除,文件夹初始化,文件夹删除,文件列表
参考:http://www.ncmem.com/doc/view.aspx?id=e1f49f3e1d4742e19135e00bd41fa3de
3.处理事件
启动测试
启动成功
效果
数据库
源码工程文档:https://drive.weixin.qq.com/s?k=ACoAYgezAAw1dWofra
源码报价单:https://drive.weixin.qq.com/s?k=ACoAYgezAAwoiul8gl
OEM版报价单:https://drive.weixin.qq.com/s?k=ACoAYgezAAwuzp4W0a
控件源码下载:https://drive.weixin.qq.com/s?k=ACoAYgezAAwbdKCskc
.下载示例,官方已经提供了下载地址,我们可以直接从gitee上下载示例
https://gitee.com/xproer/wordpaster-vue-wang-editor
下载结束
下载成功的截图昨天公司这边开会讨论了一下,实际上是几个关键点,一个是易用性,一个是可扩展性,一个是用户体验。普通用户更在意的是用户体验,开发人员在意的是易用性和可扩展性。
wangEditor是百度的一个离职的前端员工写的一个编辑器,有些公司在使用,有些个人做项目也在用,感觉微信公众号和小程序这类开发都用了,功能上来说的话不是特别强大。和百度富文本编辑器(ueditor)相比还是差很多,可能在移动端用的多一点吧,因为功能少。不过和ckeditor比也是功能差很多,还有tinymce功能都比wangEditor多。
技术支持这块wangEditor和百度UE一样,主打一个没有技术支持。这块做的还是差了一点,技术社区也做的不够好,没有老外做的好。
之前在网上也找过相关的资料,论坛里面也有网友交流过,还加过QQ群和微信群,但是基本上都不是太满意。
公司这边是有几点需求,一个就是需要开源,提供产品完整源代码,公司这边的话项目比较多,
网上的资料大部分内容都是重复的,本身也没有提供太好的方案,都是一些开源的方案,到不是说开源的方案不行,主要就是用起来各种问题,没人解决,也没有人提供技术支持,集成这块可能花的时间成本比较高。
基本上网上文章提的都是没人维护的开源的示例,下载下来用不了,问题还是比较多的,也没有技术支持和维护服务,遇到了问题想问都找不到人问。说实话这类产品公司是不敢考虑的,客户用的话遇到了问题我们也解决不了,这样会降低公司的产品服务质量。不利于维护客户关系。
最近公司的一个项目上有这个需求,客户是央企,每天都会发新闻,也是希望功能更好用一点,这样的话他们发新闻就更加的方便。
需要为wangEditor编辑器增加粘贴Word图片的功能,粘贴后图片能够自动上传到服务器中,服务器地址能够自定义
从word中复制内容,从word中复制图片和文字,然后粘贴到wangEditor编辑器中,粘贴后图片自动上传到服务器中,能够看到每一张图片的上传进度,已经上传的大小,剩余时间,上传速度。
上传后返回文字和图片HTML,自动将文字和图片HTML添加到编辑器中,用户能够直接看到粘贴后的效果,保留文字样式,字体大小,字体颜色
用户使用操作起来更方便一些,一般发新闻,或者发文章用的比较多,可以说是高频使用,
用户是非常喜欢这个功能,平时工作中用的比较多,用熟了之后,确实工作效率可以说与之前相比是成倍的提升。
前端用了VUE2,VUE3,后端用了PHP,JSP,ASP,ASP.NET,SpringBoot
该说不说,网上真正开源的好用的不多,这是目前为止在网上能够搜到的唯一的一个开源的产品,也可以说是整个行业内的唯一的开源的产品,开源的我见的多了,但是开源的这么彻底的目前为止确实还没见到过,开源咱们就不多说了,开源且提供技术支持的那还真是一个都没见到过。
作为学生来讲,能够从开源代码中学习和吸收知识确实是值得推荐的,除了这些以外还能够加QQ群(223813913)与行业内的大佬交流,共同学习共同进步。
完整示例
https://gitee.com/xproer/wordpaster-vue-wang-editor
1.复制插件文件
安装jquery
npm install jquery
2.导入组件
初始化WordPaster组件
测试前请配置图片上传接口并测试成功
接口测试:http://www.ncmem.com/doc/view.aspx?id=61f361025c9247098f6a15c3dfc53db5
接口返回JSON格式参考:
http://www.ncmem.com/doc/view.aspx?id=07e3f323d22d4571ad213441ab8530d1
为wangEditor编辑器添加按钮
整合效果:
订阅版报价单:https://drive.weixin.qq.com/s?k=ACoAYgezAAw70JsA8m
政企版报价单:https://drive.weixin.qq.com/s?k=ACoAYgezAAwuqJtN30#/
年费版报价单:https://drive.weixin.qq.com/s?k=ACoAYgezAAwFouDIB4#/
OEM版报价单:https://drive.weixin.qq.com/s?k=ACoAYgezAAwV00mQSY
产品源代码:https://drive.weixin.qq.com/s?k=ACoAYgezAAwz13B5Tr
授权生成器:https://drive.weixin.qq.com/s?k=ACoAYgezAAwzYuEEY1
1.国内唯一支持完全买断授权,助力企业降本增效。
国内唯一提供OEM产品授权,完全买断产品使用授权,不限用户数量,不限站点数量,不限服务器数量。
适用群体:央企,国企,上市企业,企业集团,政府科研机构,CMS企业
免费下载泽优Word一键粘贴控件(WordPaster)-OEM版报价单:https://drive.weixin.qq.com/s?k=ACoAYgezAAwsDHpXDy
2.国内唯一支持IE浏览器,IE6,IE7,IE8,IE9,IE10,IE11
3.国内唯一免费提供源代码下载,满足企业100%自主安全可控需求。
有自己的产品,比如OA,CMS,可以集成到自己的产品中使用,然后销售给多个客户。
适用群体:央企,国企,上市企业,企业集团,政府科研机构
提供全平台产品源代码(Windows,macOS,Linux,信创国产化),免费提供远程一对一专业技术支持服务,加群。
免费下载泽优Word一键粘贴控件(WordPaster)产品源代码:https://drive.weixin.qq.com/s?k=ACoAYgezAAwz13B5Tr
免费下载泽优Word一键粘贴控件(WordPaster)源码版报价单:https://drive.weixin.qq.com/s?k=ACoAYgezAAwtM77ear
在Windows中克隆
ActiveX(x86)控件截图
macOS控件工程截图
免费提供macOS平台编译,打包,部署和远程一对一专业技术指导,完全解决企业后期自主维护痛点
免费提供linux平台产品源代码,免费提供编译,开发,部署等指导服务。
公共库boost编译
编译公共库ImageMagick
编译基础库appcore
免费提供CentOS平台产品源代码,免费提供编译,开发,部署等指导服务。
搭建开发环境
从GitHub中克隆项目
CentOS控件编译成功
4.国内唯一免费提供授权码生成器下载
免费下载泽优Word一键粘贴控件(WordPaster)授权码生成器:https://drive.weixin.qq.com/s?k=ACoAYgezAAwzYuEEY1
填写授权地址,点击按钮:生成授权码,自动生成授权码,非常的方便,而且没有任何限制,可以快速的给多个客户使用。
用于生成IP,域名,网站授权码,配置后即可使用。
5.国内唯一支持多种开发语言(.NET,.NET Core,JAVA,PHP,ASP)
6.国内唯一支持多种编辑器(TinyMCE,CKEditor,UEditor,wangEditor)
7.国内唯一支持第三方应用集成(WordPress,PHPCMS,DedeCMS,动易SiteFactory)
8.国内唯一免费提供技术交流群,免费提供技术支持,免费提供技术交流
9.国内唯一免费提供视频教程
10.满足企业多项目,多产品,多系统,多平台,多终端,多用户应用场景。
11.满足企业无限授权,自主授权,变更授权等使用需求。
12.国内唯一提供年费版授权方式,以年为单位为企业提供不限数量的授权服务,域名不限,IP不限,服务器不限,产品数量不限,满足企业灵活使用,灵活部署需求
下载泽优Word一键粘贴控件(WordPaster)-年费版报价单:https://drive.weixin.qq.com/s?k=ACoAYgezAAwFouDIB4#/
14.支持信创国产化,满足政府信息安全需求。
15.适用群体:央企,国企,上市企业,企业集团
16.标杆案例:中国人民解放军,中国交通,中国中车,中国石油,中国石化,长江电力
*请认真填写需求信息,我们会在24小时内与您取得联系。