主要为大家详细介绍了JS HTML5拖拽上传图片预览的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

1.文件API：（File API） file类型的的表单控件选择的每一个文件都是一个file对象，而FileList对象则是这些file对象的集合列表，代表所选择的所有文件。file对象继承于Blob对象，该对象表示二进制原始数据，提供slice方法，可以访问到字节内部的原始数据块。总之，file对象包含与FlieList对象，而file对象继承于Blob对象！ 各对象的相关属性关系： FileReader接口： 由图可知：HTML5还提供了FileReader接口：用于将文件读入内存，并

练习HTML5中的拖放API，实现列表拖拽移动！参考文章：JS HTML5拖拽上传图片预览 HTML5拖拽移动列表实现思路：  1.循环设置每个子项的draggable属性，以及设置拖动标记（不会多个或全部子项都移动）  2.每次进入投放区，则检测时候有拖放标记，有则添加dom元素，以此类推 另一种实现思路是：可以利用拖放中DataTransfer对象作为属性，用setData()和getData()方法传递每个拖动的子项的id等数据，找到指定的子项进行移动….待实验。。。 HTML： //