用html5 拍照+多图片上传、删除图片、查看图片

用html5中的 file 调用手机拍照以及多图片上传功能,可进行删除图片、放大查看图片,网页版多文件上传也可以用。

代码如下:



	
		
		Hello MUI
		
		
		

		
		
		
		
		
	
	
	
		

拍照+上传图片

 

效果如下图:

(上传页面)

用html5 拍照+多图片上传、删除图片、查看图片_第1张图片

 

(多文件上传和拍照)

用html5 拍照+多图片上传、删除图片、查看图片_第2张图片

(图片放大查看)

 

用html5 拍照+多图片上传、删除图片、查看图片_第3张图片

你可能感兴趣的:(前端,html+css)