一聚教程网:一个值得你收藏的教程网站

热门教程

html5 ajax多图片可预览上传图片示例

时间:2022-06-25 18:24:57 编辑:袖梨 来源:一聚教程网

最近不是特别忙,我就利用html5写了个上传图片(或其他文件)的页面,主要利用是html5的file api,此页面比较简陋,没做样式的优化,包含上传图片预览,多图片上传,上传进度条(利用html5的progress标签做的),上传网速等,像删除选中的照片,重新选择照片,继续选择照片等简单的功能我就没写(直接按逻辑修改代码中的uploadImgArr数组即可),另外可以根据图片的类型fileType,大小file.size来限制上传图片的类型。
PS:由于我的空间流量有限,顾没有把在线的demo告诉你们,呵呵,如果有需要例子的,可以留言联系我。
html5 ajax上传图片的代码如下:

 代码如下 复制代码





HTML5上传图片



注意图片太小的话,看不到进度条






javascript:;" id="btnUpload">开始上传








    热门栏目