当前目录: 前端资源
判断h5页面是否在app中打开

2019年8月16日  前端资源   

判断 h5 嵌套 app 判断 app 嵌套 h5 判断h5页面是否嵌套到webview并在app中打开,这里需要app开发的配合才行。 1.在前端开发过程中,遇见过一个需求,需要 H5页面 判断是在手机APP内打开,还是在手机浏览器里面打开的。 2js 获取 window.navigator.userAgent 浏览器信息,唯一的区别是在最后面会有一个当前APP里面的协议头。使用APP的协议头来加以判断。例如下面获取的信息后面会有一个 xxxpay的标识     3.然后我们可以使用JS方法来判断,建议使用三种方式以或者的条件进行判断,预防众多安卓的兼容性问题。 if(userAgent.indexOf(‘你的app协议头’) || userAgent.search(‘你的app协议头’) || /你的app协议头/.search(userAgentr)){ // 执行你的APP打开 html 页面逻辑 }else{ // 执行你的浏览器 html...

移动端使用input type=file时没有type类型判断

2019年8月8日  wordpress教程   

js 手机 移动 移动端 input type file type 空 <input id="img1" type="file" name="file" accept="audio/mpeg" /> $('#img1')[0].files[0] //获取到如下图片 在pc端能获取到type类型,但是到了移动端就不能获取了 type为空。   1,解决办法 (1)手机端判断type为空绕过不进行校验,设置input    accept="audio/mpeg" (2)如果type不为空时,就进行判断只有指定类型才允许上传 (3)后台不做任何类型校验放开   2,解决办法 后台或者前端对文件进行二进制流判断文件的类型 https://segmentfault.com/q/1010000009224378  

解决:Uncaught TypeError: Illegal invocation报错

2019年8月8日  wordpress教程   

在使用ajax时,出入的参数不正确才报错的。 url :basePath+API.uploadMusic, type : 'post', clearForm : true, resetForm : true, data:JSON.stringify(formData), //传入的参数不正确,才会报该错误  

js原生拖拽上传

2019年8月8日  前端资源   

原生拖放中涉及到的事件分为分下列两个阶段: (1)拖动某元素时,该阶段会依次触发下列事件(该阶段的事件目标--即target或srcElement都是这个被拖动元素): 1. dragstart——鼠标移入目标元素并且按下左键触发。 2. drag——dragstart触发后移动鼠标连续触发该事件(类似mousemove事件) 3. dragend——拖动停止时触发(无论此时拖动元素在有效位置还是无效位置)。 (2)当元素被拖动到一个有效的放置目标上时,触发下列事件(该阶段的事件目标--即target或srcElement都是这个目标元素): 1. dragenter——只要有元素被拖动到放置目标上,就触发dragenter事件(类似mouseover) 2. dragover——触发dragenter后在有效目标范围内移动时连续触发该事件 3. dragleave——被拖动元素从目标范围内被拖出到目标范围外时触发 4. drop...

input type=file accept中可以限制的文件类型

2019年8月8日  前端资源   

在上传文件的时候,需要限制指定的文件类型。 <input type="file" accept="image/*" /> accept表示可以上传文件类型,image表示图片,*表示所有支持的格式。 image/* ,允许上传所有图片格式     accept可以指定如下信息: *.3gpp audio/3gpp, video/3gpp 3GPP Audio/Video *.ac3 audio/ac3 AC3 Audio *.asf allpication/vnd.ms-asf Advanced Streaming Format *.au audio/basic AU Audio *.css text/css Cascading Style Sheets *.csv text/csv Comma Separated Values *.doc application/msword MS Word Document *.dot application/msword MS Word Template *.dtd application/xml-dtd Document Type Definition *.d...