JS简单实现多图片预览上传。js多张图片异步上传并带预览,此功能使用的地方比较多,就索性自己做了一个,思路为ajax将图片的base64编码传递到服务端进行保存,使用的是ASP.NET及C#,希望能够帮到你。
功能描述实现图片预览,预览图片移除,任意张数异步上传,上传进度条指示,已选中并且上传的图片不会重复上传,且不能移除(向立凯)使用方法界面顶部引入IMGUP.CSS,2.0版本以下的Jquery,页面底部引入IMGUP.js界面中必须存在三个元素1、图片选择: id必须是“div_imgfile”,可以是任意元素,onclick事件触发选择对话框2、图片预览容器:id必须是“div_imglook”的div,里面包含一个清除浮动的div3、确定上传按钮:id必须是“btn_ImgUpStart”,可以是任意元素,onclick事件开始上传全部选中图片(向立凯)样式可随意更改,js文件顶部有三个变量,可以分别设置单张图片大小限制,单位MB,最多选中图片张数,异步提交服务端位置ajax中回调函数可以修改提示信息样式,查找“alert”也可就爱阅读www.92to.com网友整理上传,为您提供最全的知识大全,期待您的分享,转载请注明出处。
来源: http://www.92to.com/bangong/2017/03-25/19438433.html