
view
Dongguabai
这个作者很懒,什么都没留下…
展开
-
Html 预览word pdf excel等文件
当需要在线预览一些文本的时候可以使用一些简易的现在预览方案,本文采用office官网的在线解决方案1.准备工作,以word为例一个可以外部访问的文件地址:http://XXXX2.添加前缀即可https://view.officeapps.live.com/op/view.aspx?src=实际代码如下<iframe src='`https://view.officeapps.live.com/op/view.aspx?src==httpt://XXXX'转载 2021-02-28 10:38:15 · 1157 阅读 · 0 评论 -
中文系统 上传 file 的 input 显示英文
<input type="file" id="inputFile" name="inputFile" style="display:none" onchange="changeAgentContent()" /><input type="text" value="" disabled id="inputFileAgent" /><input type="button" onclick="document.getElementById('inputFile').click(.转载 2020-12-30 13:27:24 · 1764 阅读 · 0 评论 -
html中设置锚点定位的几种常见方法
在html中设置锚点定位我知道的有几种方法,使用id定位、使用name定位、使用js定位,这些方法大家可以参考下1、使用id定位:<a href="#1F" name="1F">锚点1</a> <div name="1F"> <p> 11111111111 </br> 11111111111 </br>11111111111 </br>11111111111 </br>1111111.转载 2020-11-03 10:10:50 · 1336 阅读 · 0 评论 -
bootstrap-select 重置或选中第一个 option
有时候会出现需要重置select选项的情况,这就需要我们清楚原本已选择选项的样式,并回到默认状态,也就是选择第一个option的状态。页面结构截图:这个过程会发现操作原select很容易,但是使用了bootstrap-select,这个结构样式是自动生成的,改起来是很麻烦的,我们不仅需要修改select的option,还要修改bootstrap-select的option,这样才能保证页面选中的option跟实际上的select是一致的。方法如下: do...转载 2020-10-23 13:58:42 · 2350 阅读 · 0 评论 -
css 页面右侧悬浮窗口左右位置固定
之前写左右固定,直接写了一个right:多少px,发现当窗口变小之后,那个悬浮框会挡住页面,体验不好,找了一下,发现,有人这么写的:直接left:50%,再这个加上margin-left:就可以了,这样,右侧的悬浮窗距左边的距离就不会变了right_fbox {width:143px;height:349px;position: fixed;float: right;left:50%;top:59%;z-index: 999;margin-left:530px;}...转载 2020-09-29 19:15:25 · 2163 阅读 · 0 评论 -
html 引入 icon 图标
http://www.iconfont.cn/我们引入icon都喜欢阿里的矢量图标库阿里的图标库也是可以下载为图片的当然下载图片不是我们想要的,我们想要的是字体第一种方法,本地使用首先我们选择自己想要的icon 添加入库点击下载代码,会自动下载一个压缩文件,解压之后将文件里的所有内容转移到自己项目的css文件夹下主要是文件中的iconfont.css文件,我们看看里面的内容给大家分析一下@font-face {font-family: "iconfo转载 2020-05-15 21:52:10 · 5781 阅读 · 0 评论 -
input 的 file 类型的 accept 属性的值
属性值值 描述 audio/* 接受所有的声音文件。 video/* 接受所有的视频文件。 image/* 接受所有的图像文件。 MIME_type 一个有效的 MIME 类型,不带参数。请参阅IANA MIME 类型,获得标准 MIME 类型的完整列表。 在上传文件的时候,需要限制指定的文件类型,accept这个属性,只在FF和chrome...转载 2020-04-22 18:09:21 · 1523 阅读 · 0 评论 -
js 去掉所有 html 标记
方法代码function delHtmlTag(str){ return str.replace(/<[^>]+>/g,""); //正则去掉所有的html标记}调用方法delHtmlTag(str)str为传进去的字符串转载 2020-03-31 14:42:16 · 337 阅读 · 0 评论 -
CKeditor 无侵入修改国际化语言描述
代码需要在调用replace方法之前: CKEDITOR.lang.load('zh-cn','zh-cn',function (langCode, lang) { lang.common.ok = '神马鬼' })转载 2020-03-10 16:42:11 · 458 阅读 · 0 评论 -
js 创建 a 标签下载文件
const a = document.createElement('a'); // 创建a标签a.setAttribute('download', '');// download属性a.setAttribute('href', '');// href链接a.click();// 自执行点击事件转载 2020-03-01 00:26:19 · 3377 阅读 · 2 评论 -
js删除数组中已知下标的元素
假设数组arr有n个元素,现在要删掉下标为index的元素有两种方法:1.splice:删除后,后面的元素自动填补到前面arr.splice(index, 1);例子://arr=['a','b','c','d']arr.splice(1, 1);//结果arr=['a','c','d'](下标1开始,删除1个)补充:spice增加:arr.splice(1,0,'...转载 2019-09-11 16:20:00 · 10878 阅读 · 0 评论 -
wangEditor3 使用记录
注意 z-index(不要设置为负数),特别是当存在对话框当时候;(https://github.com/wangfupeng1988/wangEditor/issues/1135); 关于表格样式(默认边框为 0)可以参看:https://www.kancloud.cn/wangfupeng/wangeditor3/335775; 也可以直接修改源码: 使用 vue 的话(https:...原创 2019-09-06 21:24:16 · 378 阅读 · 0 评论 -
Kindeditor 图片粘贴上传后设置图片属性
之前转载过一篇 Kindeditor 图片粘贴上传(https://blog.youkuaiyun.com/Dongguabai/article/details/100116608)的博客。但是还是存在一个问题,图片的属性大小怎么设置呢。其实Kindeditor 是有设置图片属性的功能的,但是只有当图片走的是Kindeditor 的图片上传时才可以设置:但是使用转载的博客上的方式上传的图片却不...原创 2019-09-02 21:57:55 · 1314 阅读 · 0 评论 -
Kindeditor图片粘贴上传(chrome)
图片粘贴后设置图片属性可参看:https://blog.youkuaiyun.com/Dongguabai/article/details/100399904kindeditor4.1.x版本已支持图片批量上传,不过传统的选文件上传的方式依然效率低下。很多时候,编辑人员可能需要将一个文档中图片上传到网上,那么,按照传统的上传方法,他必须先将图片另存为到本机,再用编辑器的上传选择文件进行上传。这个过...转载 2019-08-28 12:24:34 · 1799 阅读 · 0 评论 -
理解cookie、session、localStorage、sessionStorage之不同
平时经常会把前端浏览器的几种缓存方式拿来作比较,cookielocalStoragesessionStorage直接上一张图,一目了然这次主要来说说cookie和session的区别cookiecookie可以在前后端进行用户的身份认证,标记用户。说到为什么要使用cookie,那得说到http。话说,http是一种无状态的协议,它的无状态可以用翻脸不认人(浏览器)来表...转载 2019-08-23 08:59:39 · 275 阅读 · 0 评论 -
ajax请求添加自定义header参数
$.ajax({ type: "post", url:"http://127.0.0.1:4564/bsky-app/template/testPost", contentType: "application/json;charset=utf-8", data :JSON.stringify(...转载 2019-08-22 18:18:19 · 2172 阅读 · 0 评论 -
JS 页面滚动到底部
如果需要让页面平滑滚动到指定位置,则需要增加参数behavior,设置其值为"smooth"var t = document.body.clientHeight;window.scroll({ top: t, left: 0, behavior: 'smooth' });References:https://blog.youkuaiyun.com/seven521m/article/deta...原创 2019-08-01 14:28:58 · 11701 阅读 · 1 评论 -
正则表达式 ---判断非空
转自:https://blog.youkuaiyun.com/qq_31808899/article/details/779662731、用来判断 textarea 是否全为空(不可全为空格和换行,允许字符前面和后面为空)/^[\s\S]*.*[^\s][\s\S]*$/[\s\S]* 前面可以为任意字符.*[^\s] 任意非空格和非换行字符...转载 2019-07-22 13:15:10 · 11866 阅读 · 0 评论 -
打开新窗口(window.open) 用法
转自:https://www.cnblogs.com/amy-1205/p/5888082.html窗口名称:可选参数,被打开窗口的名称。 1.该名称由字母、数字和下划线字符组成。 2."_top"、"_blank"、"_selft"具有特殊意义的名称。 _blank:在新窗口显示目标网页 _self:在当前窗口显示目标网页 _top...转载 2019-07-17 10:13:06 · 1615 阅读 · 0 评论 -
异步请求无法重定向的原因
转自:https://blog.youkuaiyun.com/maoyuliang/article/details/78851439以前写response.sendRedirect("/login.jsp");是成功的今天用到ajax请求,发送给后台,希望遇到错误了 直接跳转,发现无效首先要深入了解ajax请求和response.sendRedirect的机制response.sendRed...转载 2018-11-21 19:59:34 · 1412 阅读 · 0 评论 -
ajax在什么情况下走success和error
转自:https://www.jianshu.com/p/11d675e3e75f先简单介绍下ajax:Ajax请求通过XMLHttpRequest对象发送请求,该对象有四个状态(readyState):0-未初始化、1-正在初始化、2-发送数据、3-正在发送数据、4-完成。当XMLHttpRequest.readyState为4时,表示ajax请求已经完成可以得到响应结果。aja...转载 2018-11-21 16:26:58 · 972 阅读 · 0 评论 -
让IE兼容console——“由于出现错误80020101而导致此项操作无法完成”的解决方案
转自:http://www.bubuko.com/infodetail-909858.html问题描述经测试发现问题只出现在:1、原生IE8(其他版本IE模拟出的IE8无此问题)2、从打开IE8没有开启过F12(曾经开启过又关闭的无此问题)IE8报错“由于出现错误80020101而导致此项操作无法完成”,进而导致当前页面无法显示,同时整站所有页面都无法加载。问题分析-I...转载 2018-11-09 11:28:04 · 1853 阅读 · 0 评论 -
异步上传文件时获取上传进度信息
转自:https://javaweb.io/post/63XMLHttpRequest实例的upload属性可以添加一个事件progress,通过该事件回调可以获取到上传进度信息原生上传//获取文件筐的文件集合let files = document.getElementById("file").files;//创建FormData对象let formData = new ...转载 2018-11-01 19:49:53 · 1847 阅读 · 0 评论 -
关于前端传空字符串
今天在调试一个接口的时候,让前端给我传一个空,但是前端传的是:即这样在后台实际上接收到的参数不是“”,而是:这个参数并不是“”。而如果前端传入的参数是:则可以equals空字符串:这个地方的确是之前一直忽略了,以后让前端传空,不要传"",get请求拼接url就=就行,后面啥都不写,post请求传js可以直接写成null,浏览器照样会把这个参数解析为空。联...原创 2018-10-10 16:27:29 · 13206 阅读 · 0 评论 -
前端获取后端数据当key为数字或者为数字字符串的时候
第一种情况,比如后端传给前端的是{2:"abc"} 第二种情况,比如后端传给前端的是{"01":abc}原创 2018-03-09 00:59:17 · 2623 阅读 · 0 评论 -
如何通过submit提交form获取后台传来的返回值
原文地址:http://blog.youkuaiyun.com/qq_34651764/article/details/76373846小伙伴是不是遇到过这样的问题,通过submit提交form表单的时候,不知怎么获取后台传来的返回值。有的小伙伴就会说你不会发送ajax,其实小编也会。假如提价的form表单中含有文件,怎么办?(注:其实小编不会如何用ajax把选择文件上传到后台,如果有会的小伙伴可以分享一...转载 2018-03-08 17:51:15 · 39618 阅读 · 4 评论 -
form表单中的onSubmit
今天看一个代码,突然发现了一个form表单中的onSubmit,估计是好久都没有写前端表单提交了,突然忘了,赶紧到网上查了查。 原文地址:https://www.cnblogs.com/ahudyan-forever/p/5795463.htmlonsubmit只能表单上使用,提交表单前会触发, onclick是按钮等控件使用, 用来触发点击事件。在提交表单前,一般都会进行数据验证,...转载 2018-03-08 17:12:47 · 16414 阅读 · 0 评论