当前目录: 前端资源
解决: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...

微信jssdk授权签名以及config配置

2019年7月28日  前端资源   

凡是要想在h5页面使用jweixin.js的功能就必须授权签名才行。以下流程 1,申请公众账号测试  或者 是已经有了公众号 https://mp.weixin.qq.com/debug/cgi-bin/sandboxinfo?action=showinfo&t=sandbox/index 2,用appID和 appsecret来换取access_token access_token(有效期7200秒,开发者必须在自己的服务全局缓存access_token`) https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=wx0eae23ad3cb94c41&secret=92239121cc1fed637b6fe84a04bee738 3,用access_token来换取jsapi_ticket jsapi_ticket(有效期7200秒,开发者必须在自己的服务全局缓存jsapi_ticket`) https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=ACCESS_TOKEN&type=jsapi 4,有...

base64、blob和file数据类型相互转换并使用FormData模拟表单上传

2019年7月19日  前端资源   

涉及到new FileReader()、new File()、new FormData()、createObjectURL() FormData js模拟表单上传 var formData = new FormData(); formData.append("type","2"); formData.append("file",blob,"recorder.mp3"); //添加上传blob数据类型 formData.append("file",file,"1.jpg"); //添加上传file数据类型 $('#xx').click(function () { $.ajax({ url:"/uploadbase64" //上传接口地址 ,type:"POST" ,contentType:false //让xhr自动处理Content-Type header,multipart/form-data需要生成随机的boundary ,processData:false //不要处理data,让xhr自动处理 ,data:formData ,success:function(v){ console.log("上传成功",v); ...