当前目录: 前端资源
接口测试工具postman

2019年5月10日  wordpress教程   

测试上传文件并携带参数时:     测试请求头信息时:        

预览上传图片、视频——createObjectURL

2019年5月5日  前端资源   

预览 上传图片 视频 预览 html: <video src="" id="video0" controls="controls"></video> <input type="file" id="video" name="video"/>   js代码: // hTML5实现表单内的上传文件框,上传前预览视频,刷新预览video,使用HTML5 的File API, // 建立一个可存取到该file的url,一个空的video标签,ID为video0,把选择的文件显示在video标签中,实现视频预览功能。 // 需要选择支持HTML API的浏览器。 $("#video").change(function(){ var objUrl = getObjectURL(this.files[0]) ; if (objUrl) { $("#video0").attr("src", objUrl) ; //img.src=objUrl ,图片预览也类似 } }) ; //建立一个可存取到该file的url, createObjectURL兼容处理 function get...

html5 录音

2019年5月5日  前端资源   

用三星s8和苹果6测试均成功,在h5页面可以实现,如果app嵌套h5则不行。听说可以调用app录音的原生方法实现。这需要向app开发人员提供 下载地址:voice 测试地址(SSL过期就用不了):https://www.easynode.cn/voice/technical-describe.html 注意测试录音功能,必须是在本地起服务器localhost或者是在SSL有证书协议下进行。   -------------上传--------------- 录音成功后获取到的是blob二进制数据。 var formData = new FormData(); formData.append("type","2"); formData.append("file",blob,"recorder.mp3"); //blob就是录音的文件,模拟表单上传 // console.log(formData.values()); for (var value of formData.values()) { console.log(value); } $.ajax({ headers: { "userToken...

html5 audio音频 语音

2019年4月25日  前端资源   

<audio src="b.mp3" controls="controls" preload ></audio> $('audio')[0].paused //如果正在播放则返回false $('audio')[0].play() //播放 $('audio')[0].pause() //暂停   语音波浪 声波效果,推荐使用waveview.js。 https://github.com/HaloMartin/MCVoiceWave waveview.js,4kb大小源码,录音时动态显示波形,具体样子参考演示地址页面。此扩展参考MCVoiceWave库编写的,具体代码在https://github.com/HaloMartin/MCVoiceWave/blob/f6dc28975fbe0f7fc6cc4dbc2e61b0aa5574e9bc/MCVoiceWave/MCVoiceWaveView.m中。 此扩展是在录音时onProcess回调中使用;bufferSize会影响绘制帧率,越小越流畅(但越消耗cpu),默认配置的大概12帧/s。基础使用方法: var wave; var rec=Recorder({ ...

移动端rem单位解决方案

2019年4月22日  前端资源   

先了解rem单位作用: 1,rem 可以控制字体大小、宽、高。栅格布局推荐使用百分比来控制 2,rem大小都是相对于html font-size的值来确定的 例如, html如果不设置font-size那么默认是16px 1rem=16px 如果设置font-size:17px 1rem=17px 如果以html font-size:17px为准,某一个元素宽高都是100px的话,那么计算成rem就要100除以17   为了避免这样麻烦的计算,即使使用css的媒体查询也要针对很多不同手机屏幕设置还要做出很多添加修改,所以考虑使用js来完成。 页面前面添加: //designWidth:设计稿的实际宽度值,需要根据实际设置 //maxWidth:制作稿的最大宽度值,需要根据实际设置 //这段js的最后面有两个参数记得要设置,一个为设计稿实际宽度,一个为制作稿最大宽度,例如设计稿为750,最大宽度为750...