html5点击图片放大,html实现点击图片放大

　　上传图片的时候，我发现了一个挺好用的控件，支持多张图片同时上传。可以点击选择图片，也可以拖拽图片到上传框直接上传。方便易用，界面简洁，基本可以直接放到项目中使用。

　　先看他的风格：

　　选择图片后：

　　$(function(){ //初始化插件$ (# demo )。zyupload ({width: 650px ，//width height: 400px ，//width itemWidth: 120px ，//文件项width itemHeight: 100px ，//文件项的高度URL:/upload/upload action ，//上传文件的路径有多个：true，//能不能上传多个文件dragDrop: true，//能不能拖动上传的文件del: true，//能不能删除文件finishDel: false，//上传文件后删除预览/*外部获取的回调接口console.info(文件)；Console.info(以前未上传的文件：)；console.info(所有文件)；}，on delete: function (file，surplus files){//删除文件的回调方法console.info(此文件当前已删除：)；console.info(文件)；Console.info(当前剩余文件：)；console.info(剩余文件)；}，onSuccess: function(file){ //回调方法console.info(此文件上传成功：)用于文件上传成功；console.info(文件)；}，onFailure:函数(file){ //文件上传失败的回调方法console.info(此文件上传失败：)；console.info(文件)；}，on complete:function(response info){//上传完成的回调方法console.info(文件上传完成)；console . info(response info)；} });});直接在demo.js中修改配置，url: /upload/UploadAction 并放上你的图片来上传动作。这个控件只在前台处理，后台上传得自己写。

　　这就是本文的全部内容。希望对大家的学习和支持有帮助。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。