WebApi
文章平均质量分 51
du_独孤九剑
这个作者很懒,什么都没留下…
展开
-
文件上传不同类型简介
文件是以二进制存在的那么某种意义上我们确实可以将文件转成例如文本形式的 Base64 形式。但是呢,你转成这样的形式,后端也需要按照你这样传输的形式,做特殊的解析。并且文本在传输过程中是相比二进制效率低的,那么对于我们动辄几十M几百M的文件来说是速度是更慢的 multipart/form-data? 以二进制进行传输 application/x-www-form-urlenco 此类型不适合用于传输大型二进制数据或者包含非ASCII字符的数据。平常我们使用这个类型都是把表单数据使用url编码后传原创 2021-09-04 20:44:17 · 651 阅读 · 0 评论 -
form-data 文件上传
如果后端接口要求 Content-type 是 multipart/ form-data 则一定要提交 FormData 数据对象 专门的文件上传 不能提交普通对象 const file = document.querySelector('input') let temp; file.onchange = function(e){ // 读取文件 temp = file.files[0]) console.log(f.原创 2021-09-04 20:39:43 · 200 阅读 · 0 评论 -
offset client scroll系列
关于js中的offsetWidth、clientWidth、scrollWidth等一系列属性及其方法一直都傻傻分不清,这里就来总结一下这些方法的用法和含义。 注意: 下面元素属性和元素方法都通过 elem.属性 或 elem.方法 的方式使用,window属性通过 window.属性 的方式使用,document属性则通过document调用。 offsetTop:元素到offsetParent顶部的距离 offsetParent:距离元素最近的一个具有定位的祖宗元素(relative,absol转载 2021-02-08 20:01:13 · 238 阅读 · 0 评论 -
FileReader() 实现文件上传
FileReader() 实现文件上传 input file的属性 accept [əkˈsept] 可选择的文件类型 例如:“image/*” multiple [ˈmʌltɪpl] 允许用户选择多个文件 选取的文件集合 FileList 0:File name: “1.png” size: 994567 type: “image/png” length:1 文件读取类 FileReader.readAsDataURL FileReader.readAsArrayBuffer FileReader.r原创 2020-11-20 21:28:05 · 556 阅读 · 0 评论 -
webApi
webApi 获取元素 获取body document.body 根据id获取元素 document.getElementById('id名') 根据标签名获取元素 document.getElementsByTagName('标签名') 根据选择器获取元素 // 根据选择器获取单个元素 document.querySelector('选择器'); // 根据选择器获取一组元素 document.querySelectorAll('选择器'); document.getElements原创 2020-09-03 08:21:41 · 88 阅读 · 0 评论 -
WebApi 全选和单选
点击小按钮全选,大按钮也得选择 思路: 点击任何一个小按钮,都得判断判断是否要选择大的,小按钮都得有点击事件 如何判断大按钮是否选择,我们就得知道三个小按钮选中状态,当小按钮都选择,大就按钮,否则大不选择 // 获取元素 var checkAll = document.getElementById('checkAll'); // var cks = document.getElementsByClassName('ck'); var cks = document.quer原创 2020-09-02 13:33:41 · 198 阅读 · 0 评论