标签： file

发布于

JS `File System Access API` `Stream Writers` / `Stream Readers` 的性能

嘿，各位代码爱好者们！ 今天咱们来聊聊前端界一个有点神秘，但又非常实用的家伙—— File System Access API 中的 Stream Writers 和 Stream Readers。 别担心，这玩意儿听起来高大上，其实用起来挺接地气儿的。 咱们的目标是搞清楚它们是干嘛的，以及性能咋样，顺便写点代码，让大家都能玩明白。 开场白： 为什么我们需要Stream？ 想象一下，你要处理一个 1GB 的超大文件。 如果你一次性把整个文件读到内存里，那你的浏览器可能会直接崩溃给你看。 这时候， Stream 就派上用场了。 Stream 就像一条河流，你可以一点一点地读取和写入数据，而不用一次性加载整个文件。 这样既省内存，又能处理大型文件，简直是救星！ 第一部分： File System Access API 快速入门 在深入 Stream Writers 和 Stream Readers 之前，我们先简单回顾一下 File System Access API。 这玩意儿允许 Web 应用直接访问用户本地文件系统，听起来是不是有点危险？ 别慌，它有严格的权限控制，用户必须主动授权， …

继续阅读“JS `File System Access API` `Stream Writers` / `Stream Readers` 的性能”

发布于

PHP `File Upload` `Security`：文件类型、大小、内容校验与存储路径隔离

各位靓仔靓女，晚上好！我是今晚的主讲人，咱们今天聊聊PHP文件上传那些事儿。别看文件上传功能简单，里面的坑可深着呢！一不小心，你的服务器就成了别人的肉鸡，数据全没了，那就尴尬了。所以，今天咱们就来好好扒一扒PHP文件上传的安全性问题，以及如何正确地进行文件类型、大小、内容校验以及存储路径隔离。 一、文件上传的风险，真的不是闹着玩的！ 想象一下，如果你的网站允许用户上传文件，但没有做任何安全措施，那就相当于敞开大门，邀请黑客来你家做客。他们可以上传恶意脚本，比如PHP木马，然后通过这个木马控制你的整个服务器。轻则网站被篡改，重则数据库被盗，甚至服务器被完全控制。 具体来说，风险主要有以下几种： 恶意代码执行： 黑客上传包含恶意PHP代码的文件，一旦被执行，就可以控制服务器。 跨站脚本攻击（XSS）： 上传包含XSS代码的文件，当其他用户浏览该文件时，XSS代码会被执行，窃取用户Cookie，甚至控制用户浏览器。 拒绝服务攻击（DoS）： 上传大量的文件，或者上传超大文件，耗尽服务器资源，导致网站崩溃。 信息泄露： 上传包含敏感信息的文件，比如数据库备份，配置文件等，导致信息泄露。 存储空 …

继续阅读“PHP `File Upload` `Security`：文件类型、大小、内容校验与存储路径隔离”

发布于

JS `File System Access API` `Permission Model` 与 `Origin-Trial` 限制

嘿，大家好！今天咱们来聊聊前端开发里一个挺有趣，但又有点儿神秘的东西：File System Access API，以及它那复杂的权限模型和Origin Trial限制。别害怕，咱们用大白话把它掰开了揉碎了讲清楚。 开场白：文件，浏览器，安全，还有一点小傲娇 想象一下，你正在用一个在线图片编辑器，辛辛苦苦P了一张美图，然后想保存到本地。以前，这可能需要你先下载，再手动放到指定的文件夹。但是，如果浏览器可以直接访问你的文件系统，那岂不是爽歪歪？ File System Access API就是干这个的！它允许Web应用直接读写用户本地文件，甚至整个目录。听起来很诱人，对吧？但是，权力越大，责任越大。直接访问文件系统，要是被恶意网站利用，那还得了？所以，安全问题是重中之重。 第一部分：File System Access API 概览 File System Access API 提供了几个核心接口，我们先来认识一下： showOpenFilePicker(): 弹出文件选择器，让用户选择一个或多个文件。 showSaveFilePicker(): 弹出文件保存对话框，让用户指定保存文件的 …

继续阅读“JS `File System Access API` `Permission Model` 与 `Origin-Trial` 限制”

发布于

JS `Native File System API` (Node.js/Deno)：操作本地文件系统的原生接口

各位观众，大家好！我是今天的主讲人，很高兴能和大家一起聊聊JavaScript世界里一个相当“接地气”的话题：Native File System API。啥叫“接地气”？就是说，这玩意儿直接跟你的硬盘打交道，能让你用JS代码像操作自己电脑上的文件一样方便。 开场白：JS不再只是网页的玩具 咱们以前说起JavaScript，总觉得它就是个在浏览器里跑跑动画，验证一下表单的小弟。想访问本地文件？那是不可能的！顶多让你上传个文件，再给你个下载链接。但是，时代变了！Node.js让JS跑到了服务器端，Deno又试图解决Node.js的一些问题。它们都赋予了JS操作本地文件的能力。而Native File System API，则更进一步，试图把这种能力标准化，让浏览器端的JS也能直接操作用户的文件系统（当然，是在用户授权的前提下）。 Native File System API：是福音还是潘多拉魔盒？ 想想看，以前你想做一个本地文本编辑器，或者一个图片处理工具，用JS是多么的费劲！现在有了Native File System API，理论上，你就可以用纯JS来搞定这些事情。听起来是不是很激动 …

继续阅读“JS `Native File System API` (Node.js/Deno)：操作本地文件系统的原生接口”

发布于

JS `File System Access API` (浏览器)：读写本地文件系统与沙箱限制

All right, gather ’round, code wranglers! Let’s talk about the File System Access API – the browser’s attempt to let you poke around (safely-ish) on the user’s hard drive. Think of it as giving your web app a tiny, heavily supervised sandbox to play in, rather than letting it loose with a bulldozer. Why Bother? (The Allure of Local Files) For ages, web apps have been stuck in a world of limited file access. You could upload, you could download (with a download prompt, of …

继续阅读“JS `File System Access API` (浏览器)：读写本地文件系统与沙箱限制”

发布于

File System Access API：读写本地文件与目录的权限管理

浏览器里的文件管理员：File System Access API 探秘之旅 想象一下，你辛辛苦苦用网页应用做了个精美的图，想保存到电脑里，结果浏览器弹出一个让你头疼的对话框：“你要把这个文件下载到哪里？叫什么名字？确定吗？…”。是不是觉得有点繁琐？又或者，你希望网页应用能直接读取你电脑里某个文件夹的照片，自动生成一个相册，但每次都要手动上传，简直是折磨。 这就是过去网页应用访问本地文件的痛点：安全性至上，权限小心翼翼。但这在某些场景下，确实不太方便。 幸好，W3C 的大佬们听到了大家的心声，推出了 File System Access API，一个让网页应用能够更安全、更流畅地访问本地文件和目录的秘密武器。它就像一个浏览器内置的文件管理员，在你允许的前提下，让网页应用拥有“有限”的权限，帮你管理你的文件。 告别“下载地狱”，拥抱丝滑体验 File System Access API 最直观的优势，就是告别了下载提示。假设你正在用一个在线图片编辑器，以前保存图片，每次都要经历选择路径、输入文件名、确认下载的流程。现在，有了这个 API，你只需要第一次授权，之后就可以直接保存，就像在本地 …

继续阅读“File System Access API：读写本地文件与目录的权限管理”