atq

导航

统计
 
<input id="fileinput" type="file">
<script>
  // 通过拖拽事件document.addEventListener("drop",(event)=>{})的event.dataTransfer.items[0].getAsFile(),取得文件对象,再调用设置
  function setFileInputValue(file){
      const inputFile = document.getElementById('fileinput');
      const dataTransfer = new DataTransfer();
      dataTransfer.items.add(file);
      inputFile.files = dataTransfer.files;
      //手动触发change事件
      inputFile.dispatchEvent(new Event('change'));
  }

  function clearFileInput(){
    const inputFile = document.getElementById('fileinput');
    inputFile.value="";
  }
</script>

参考:https://stackoverflow.com/questions/47119426/how-to-set-file-objects-and-length-property-at-filelist-object-where-the-files-a/47172409#47172409

posted on   atq  阅读(71)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
历史上的今天:
2023-03-01 XSSFWorkbook设置打印区域
2023-03-01 datetimepicker在bootstrap datatable中的显示位置问题
2022-03-01 AzureAD域用户远程桌面设置
 
点击右上角即可分享
微信分享提示