web前端|js教程
uploadView,jQuery,ie
web前端-js教程
图片上传，网上有好多版本，今天小编给大家分享jquery.uploadView 实现图片预览上传功能，感兴趣的的朋友一起看看吧
时时彩定制平台源码,ubuntu嵌入程序界面,tomcat7配置成服务,python爬虫名称,在线记事本源码 php,周口seo顾问lzw
图片上传，网上有好多版本，今天也要做一个查了好多最终找到了一个uploadview 进行了一下修改
h5 开源 源码,vscode 调试不方便,ubuntu共享热点,tomcat系统部署方式,爬虫scope,php 获取文件名后缀,舟山seo优化外包,云资源分享下载网站源码,手机版招聘模板lzw
来看代码
评课系统源码asp,vscode游览器,ubuntu小图标,配置tomcat帐号,sqlite格式化时间,做梦有黑色大爬虫在追,类的重载php,罗源正规seo介绍,edu网站源码,网页自定义代码,仿天猫商城模板lzw
@{ Layout = null;}
示例
function Upload() { $("#id").uploadView({ uploadBox: .js_uploadBox,//设置上传框容器 showBox: .js_showBox,//设置显示预览图片的容器 width: 100, //预览图片的宽度，单位px height: 100, //预览图片的高度，单位px allowType: ["gif", "jpeg", "jpg", "bmp", "png"], //允许上传图片的类型 maxSize:1, //允许上传图片的最大尺寸，单位M success: function (e) { var l = $(".js_showBox img").attr("src"); $("#hidTmp_ID").val(l); } }); }
代码前台看起来很简单。
实现的效果也还可以，不过这个保存的是base64的图片，插入数据库的时候我们一般都是保存xxxx.jpg 故需要实现一个方法
/// /// public static string BaseToImg(string baseimg) { byte[] bt = Convert.FromBase64String(baseimg.Replace("data:image/jpeg;base64,", "")); string filepath = "ImgServer".GetAppsetting(); string sqlurl = @"" + DateTime.Now.ToString("yyyyMMdd") + "\\"; string sqlname = "" + DateTime.Now.ToString("yyyyMMddhhmmssmsfff") + ".jpg"; if (!System.IO.File.Exists(filepath + sqlurl)) { System.IO.Directory.CreateDirectory(filepath + sqlurl); System.IO.File.WriteAllBytes(filepath + sqlurl + sqlname, bt); } return sqlurl + sqlname; }
这里我是根据日期对文件夹分组了，并且保存到数据库。避免单个文件太大
效果图类似这样
这个同样也适用于手机上
总结
