松鼠的博客

导航

2023年12月28日 #

PHP实现视频文件上传完整实例

摘要: 本文以一个完整实例的形式实现了视频文件上传的功能。虽然是比较基础的应用,仍有一定的参考价值。分享给大家供大家参考之用。具体方法如下: 首先,对PHP来说视频也属于文件,我们利用这个道理,可以通过与上传普通文件类似的方式实现上传PHP视频文件。不同的是视频文件一般较大,上传时间长,而php配置文件也对 阅读全文

posted @ 2023-12-28 18:10 Xproer-松鼠 阅读(75) 评论(0) 推荐(0) 编辑

ueditor 富文本编辑器粘贴图片时让图片居中

摘要: 需求今天碰到个需求,客户要求在把微信公众号中的文章粘贴到富文本框时将文字向左对齐,图片居中作为一个已经几年没碰前端的我来说有点头大,百度google了一番未果,只好自己研究去了花了2个多小时终于搞定 话不多说,直接上代码主要是 retainOnlyLabelPasted 和 filterRulesr 阅读全文

posted @ 2023-12-28 10:07 Xproer-松鼠 阅读(82) 评论(0) 推荐(0) 编辑

2023年12月27日 #

TinyMCE富文本编辑器粘贴图片自动上传问题解决

摘要: TinyMCE 编辑器支持粘贴图片,但是自动会将图片转换成 base64 编码,这样将内容提交到后台,数据会很大。 图 | TinyMCE 本文内容配置TinyMCE(版本:5.10.0)向编辑器中粘贴图片自动上传到后台,以下为配置代码: tinymce.init({ selector: '#tex 阅读全文

posted @ 2023-12-27 19:04 Xproer-松鼠 阅读(97) 评论(0) 推荐(0) 编辑

UEditor富文本编辑器图片粘贴和上传问题

摘要: 项目引入的是UEditor富文本编辑器,由于安全(把攻击脚本伪造成图片)和图片大小(base64格式的图片可能会太大)的原因,用户输入的图片都要先发送给后端,然后拿到后端的链接赋值给image标签的src属性。 这里有两种处理办法:第一种:在ueditor.config.js里面的window.UE 阅读全文

posted @ 2023-12-27 17:29 Xproer-松鼠 阅读(101) 评论(0) 推荐(0) 编辑

vue项目中使用tinymce富文本编辑器实现图片上传/粘贴格式

摘要: 前言最近因为公司项目的后台管理端需要实现编辑器功能, 一方面满足编辑各类文章内容需求,另一方面要自己编辑一些课程相关的介绍,于是就花了一些时间对比体验现有的一些开源的编辑器。 编辑器之间的简单比较UEditor:基本满足各种需求,依赖于jquery但是已经不再维护了,实现上传图片等需要修改源码,界面 阅读全文

posted @ 2023-12-27 15:57 Xproer-松鼠 阅读(281) 评论(0) 推荐(0) 编辑

富文本编辑器复制word文档中的图片

摘要: 文章有点长,感觉每次写文章都特别啰嗦,如果不想看过程的话直接跳到*动手实践那一步,那边有核心的方法~ 富文本编辑器复制 word 文档中的图片问题点:从 word 文档复制进来的内容的图片都是 file:/// 协议,这时候如果我们的页面是 http://或者 https:// 协议的话,就不允许读 阅读全文

posted @ 2023-12-27 14:25 Xproer-松鼠 阅读(88) 评论(0) 推荐(0) 编辑

富文本编辑器:自己实现图片上传功能和图片粘贴上传(kindeditor)

摘要: 在需要编写并保存带有各种格式,图片的文章内容时,往往需要用到富文本编辑器,这次使用到的富文本编辑器是kindeditor,使用下来功能基本足够,在这里记录下在使用时自己添加的功能。 kindeditor自带有图片上传功能,由于几个原因我需要自己实现一下。 (一)用的vue,自然是写一个<kinded 阅读全文

posted @ 2023-12-27 10:33 Xproer-松鼠 阅读(103) 评论(0) 推荐(0) 编辑

2023年12月26日 #

前端上传文件或者上传文件夹

摘要: 文档 https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/input上传文件夹,主要的参数webkitdirectory 浏览器上传文件夹,浏览器会弹出询问窗口 兼容性https://caniuse.com/?search=webkit 阅读全文

posted @ 2023-12-26 18:52 Xproer-松鼠 阅读(50) 评论(0) 推荐(0) 编辑

前端实现文件上传(点击+拖拽)

摘要: 一、简介之前在Vue项目中使用过element的上传组件,实现了点击上传+拖拽上传的两种上传功能。然后我就在想是否可以通过原生的html+js来实现文件的点击上传和拖拽上传,说干就干。首先是点击获取上传文件自然没的说,只需要借助input标签即可,但原生的点击上传按钮,实在是过于简陋,所以我的想法是 阅读全文

posted @ 2023-12-26 17:37 Xproer-松鼠 阅读(108) 评论(0) 推荐(0) 编辑

HTML5应用之文件拖拽上传

摘要: 使用HTML5的文件API,可以将操作系统中的文件拖放到浏览器的指定区域,实现文件上传到服务器。本文将结合实例讲解HTML5+jQuery+PHP实现拖拽上传图片的过程,来看下HTML5的魅力吧。 HTML 我们在页面中放置一个拖拽区域#drop_area,即接收拖拽的区域,#preview用来预览 阅读全文

posted @ 2023-12-26 15:22 Xproer-松鼠 阅读(171) 评论(0) 推荐(0) 编辑