如何实现文件拖拽上传功能?拖拽上传句柄包含什么信息?发布于2023年01月19日 HTML 苏南大叔说一个几年前很酷的功能的实现方式,就是拖拽上传功能。在网页上有个区域,拖拽文件进入后,并不是默认的打开文件,而是实现了文件的上传功能。苏南大叔的程序如此灵动博客,记录苏南大叔和计算机代码的故事。测试环境:谷... 阅读更多
如何利用css美化网页文件上传组件?label标签的使用发布于2023年01月18日 HTML 本文描述一个修改<input type='file'>文件上传的样式呢?目前来说,这个文件上传对话框能定制的css非常少,在表现层方面的定制更少。所以,文件上传组件的美化思路就是隐藏真正的<inp... 阅读更多
前端js代码,如何利用FileReader半自动读取文件内容?发布于2023年01月17日 HTML 本文描述如何利用FileReader读取文件内容,注意本文描述的是前端网页js读取文件内容,而不是nodejs读取文件内容,也不是php后端读取文件内容。因为对于后两者来说,这个是很正常的操作。而对于前端来说,能够... 阅读更多
基于jquery的ajax文件上传代码,php接收文件上传发布于2023年01月16日 php 本文记录一个比较常见的基于jquery的ajax文件上传代码,是为后面的文章做准备的,使用php作为后端接收文件的代码,在范例中的php代码并没有对上传的文件进行过滤,所以请不要直接复制到生产环境中。苏南大叔的"程... 阅读更多
解读响应式网页中的响应式图片srcset+sizes处理方案发布于2023年01月15日 HTML 响应式图片的最好处理方案究竟是什么呢?动态更改图片的显示尺寸(width/height属性)么?还是要动态更改图片的地址?本文将要讨论其中的一个可能是最好的响应式图片方案:img的srcSet属性。苏南大叔的“程序... 阅读更多