跳至主要內容

拖拽上传

chanchaw小于 1 分钟javascript

概述

拖拽上传是有利操作,在所有上传功能中都需要有,逻辑是拖拽释放文件后立即执行上传,如用户取消操作需要后台删除弃用的文件

实现

初次实现在 showa智能管理系统 的采购申请页面 purchase.html 中,关联的文件是 purchaseFiles.js,实现步骤

  1. 页面加载完毕后初始化拖拽会用到的事件 dragoverdrop 实现函数 initDragdrop

  2. 调用 html 页面中原本的 form 的提交请求

    实现函数 uploadFile,此处在获取表单元素后调用提交函数 $('#form_dlg_upload').submit();

单纯的功能演示案例在 180 阿里云盘路径:备份文件 > source > htmljs