c#如何获取内存使用率_c#内存使用率新手必看入门教程

文件选择无反应需绑定onchange事件而非onclick；预览须用FileReader读取Data URL；大图应拦截避免卡顿；头像裁剪压缩需canvas；样式定制推荐label模拟按钮。file input 选完文件没反应？检查 onchange 是否绑定对了浏览器原生 <input type="file"> 不会自动触发预览，必须手动监听 onchange 事件——不是 onclick，也不是 oninput。很多人绑错事件，点完选文件弹窗，关掉就以为“没生效”，其实是根本没进回调。onchange 只在用户真正选中文件（含取消后再次选择）时触发；click 仅打开弹窗，不表示文件已确定如果用 JS 动态创建 <input>，得在插入 DOM 后再绑定事件，否则监听无效移动端 iOS Safari 对 change 触发时机更敏感，建议加一层 event.target.files.length > 0 判断再执行预览逻辑预览图片显示不出来？FileReader 的 readAsDataURL 是关键路径不能直接把 File 对象赋给 <img src>，必须转成 Data URL。FileReader 是唯一可靠方式，URL.createObjectURL() 虽快但有内存泄漏风险，尤其频繁上传时。readAsDataURL() 是异步的，必须在 reader.onload 回调里取 reader.result，写到 img.src 上别漏掉错误处理：reader.onerror 里打个 console.error(reader.error)，常见报错是 Failed to execute 'readAsDataURL' on 'FileReader': The requested file could not be read，多因文件被其他进程占用或路径异常（但浏览器里其实没路径）大图（比如 5MB+）读取可能卡顿，可先用 file.size < 2 * 1024 * 1024 做拦截，避免 UI 假死头像裁剪和压缩要不要前端做？看场景再决定纯预览展示头像，用 FileReader + <img> 就够了；但若要限制尺寸、压缩体积、支持裁剪，则必须引入额外逻辑，不是 input 自身能力。裁剪：得用 <canvas> 绘制缩放/截取，再调 canvas.toBlob() 生成新 File 对象压缩：canvas.toBlob(callback, 'image/jpeg', 0.8) 可控质量，但注意 PNG 不支持质量参数，传了也无效别依赖 accept="image/*" 做校验——它只过滤文件选择弹窗里的类型，用户拖拽或改后缀仍能绕过，后端必须二次验证样式难改？隐藏原生 input，用 label 模拟按钮更可控原生 <input type="file"> 样式几乎无法用 CSS 定制（尤其是按钮文字），强行 hack 容易失效。最稳方案是视觉上隐藏它，用 <label> 关联，点击 label 触发 input。 通义听悟 阿里云通义听悟是聚焦音视频内容的工作学习AI助手，依托大模型，帮助用户记录、整理和分析音视频内容，体验用大模型做音视频笔记、整理会议记录。