当前位置: 首页 > news >正文

设计 微网站网站建设 数据库购买

设计 微网站,网站建设 数据库购买,网站如何接广告,wordpress 开源吗一.效果图#xff1a; 开发框架#xff1a;MVC#xff0c;Layui 列表主界面这里就不展示了#xff0c;可以去看看这篇文章#xff1a;Layui项目实战#xff0c;这里讲的是“上传Banner”界面功能#xff1a; 其中包括#xff0c;多文件上传#xff0c;预览#xff0c…一.效果图 开发框架MVCLayui 列表主界面这里就不展示了可以去看看这篇文章Layui项目实战这里讲的是“上传Banner”界面功能 其中包括多文件上传预览后台接收保存仅此而已 二.项目代码 1.前端Html代码 head头部代码块 注意这里引用的是Layui和jQuery插件不过重点功能还是在jQueryLayui只是起到样式效果 headmeta nameviewport contentwidthdevice-width /titlePushCircleBanner/titlelink href~/Scripts/layui/css/layui.css relstylesheet /script src~/Scripts/jquery-3.3.1.js/scriptscript src~/Scripts/layui/layui.js/scriptstyle* {margin: 0;padding: 0;}.box {width: 80%;height: 80vh;margin: auto;}.box p {height: 30px;margin: 10px;}#file{display:none;}.ImgsBox img{width:100px;height:100px;}.select,input{width:200px;}/style /headbody代码块 注意这里既然是文件上传重点自然是input[“file”]multiple“multiple多文件上传accept”.png,.jpg,.jpeg,.bmp,.gif,.jfif,.ico 限制允许选择的文件类型 div classboxp性别/pp classlayui-input-inlineselect namesex classsex layui-input selectoption value0 selected全部/optionoption value1男/optionoption value2女/option/select/pp是否去重/pp classlayui-input-inlineselect nameisDistinct classisDistinct layui-input selectoption value0 selected否/optionoption value1是/option/select/pp图片上传/ppinput typebutton classlayui-btn namename onclick$(#file).click() value上传 /input idfile typefile multiplemultiple nameimg value上传 accept.png,.jpg,.jpeg,.bmp,.gif,.jfif,.ico onchangePushFiles() //ppinput typebutton classlayui-btn submit onclickSave() value保存 //pdiv classImgsBox/div/divJs代码块 注意PushFiles方法由点击显示的上传按钮再触发隐藏的input[“file”]按钮的点击方法改变files值后触发该方法实现多文件上传效果也是这里前端界面展示的重点 scriptvar files;function PushFiles() {$(.ImgsBox).html();files document.getElementById(file).files;if (files files.length 0) {for (var i 0; i files.length; i) {var file files[i];var URL window.URL || window.webkitURL;var imgURL URL.createObjectURL(file);console.log(imgURL);var img $(img src /);img.attr(src, imgURL);$(.ImgsBox).append(img);}}}注意Save方法由点击保存按钮触发js的FormData对象进行表单参数收集ajax再通过文件传输的方式提交到后台 function Save() {if (files files.length 0) {var formData new FormData();formData.append(sex, $(.sex).val());formData.append(isDistinct, $(.isDistinct).val());for (var i 0; i files.length; i) {formData.append(img_i,files[i] );}$.ajax({url: /Circle/PushBanner,data: formData,type: POST,cache: false,//这个参数是jquery特有的不进行序列化因为我们不是json格式的字符串而是要传文件processData: false, //注意这里一定要设置contentType:false不然会默认为传的是字符串这样文件就传不过去了contentType: false,//dataType: json,success: function (res) {if (res.code 0) {var index parent.layer.getFrameIndex(window.name);//先得到当前iframe层的索引   parent.layer.close(index);//再执行关闭} else {alert(res.msg);}}})} else {alert(请选择上传文件);}}/script2.后台C#代码 注意下面的后台代码块只要把间隔的注意提示去掉就能拼接出完整的后台代码 /// summary/// 图片批量上传/// /summary/// returns/returnspublic ActionResult PushBanner(){后台登录校验 if (!(Session[account] is AccountModel account))return Json(new { code -1, msg 登录异常 }, JsonRequestBehavior.AllowGet);获取前端传输参数 StringBuilder msg new StringBuilder();int error 0;AliyunOssProvider aliyunOss new AliyunOssProvider();string suffix string.Empty;var files Request.Files; //ajax传输文件var sex Request.Form[sex] null ? 0 : int.Parse(Request.Form[sex]);var isDistinct Request.Form[isDistinct] null ? 0 : int.Parse(Request.Form[isDistinct]);多文件循环保存 for (int i 0; i files.Count; i){var type files[i].ContentType;if (type.Contains(image)){switch (type){case image/jpeg:suffix .jpg;break;case image/png:suffix .png;break;case image/bmp:suffix .bmp;break;case image/gif:suffix .gif;break;case image/pipeg:suffix .jfif;break;case image/x-icon:suffix .ico;break;default:error;var obj new {code -1,msg 检测到非指定文件格式jpg/png/bmp/gif/ico/jfif};msg.AppendLine(JsonHelper.SerializeObject(obj));continue;//return Json(new { result false, messge 请将图片转化为jpg/png/bmp/gif/ico/jfif)格式然后上传! });}if (string.IsNullOrWhiteSpace(suffix)){error;var obj new{code -1,msg 检测到非指定文件格式jpg/png/bmp/gif/ico/jfif};msg.AppendLine(JsonHelper.SerializeObject(obj));continue;}var file banner/;var fileName DateTime.Now.ToStampDateTime() _i suffix;阿里云图床文件存储底层不予展示 try{var absoluteUri aliyunOss.UploadObject(files[i].InputStream, file fileName);}catch (Exception e){error;var obj new { code -2, message 文件上传失败 };msg.AppendLine(JsonHelper.SerializeObject(obj));//return Json(new { result false, message 上传失败 });}Banner信息存数据库底层是数据库保存语句 var res new CircleBll().AddCircleBanners(new Model.CircleBanner() {ImgUrl AppConfig.AliyunUrl file fileName,Sex sex.ToString(),IsDistinct isDistinct.ToString(),OperatorId account.UserId.ToString()});if (!res){error;var obj new { code -3, message 圈子Banner数据库存储失败 };}}}return error 0 ? Json(new { code 0, msg ,data true }): Json(new { code error * -1,msg msg.ToString(),data false });}
http://www.yutouwan.com/news/468006/

相关文章:

  • 济宁网站建设 智雅自豪得用wordpress删
  • 网站点击快速排名android游戏开发教程
  • 海东营销网站建设服务河北手机版建站系统哪个好
  • 外贸营销型网站制作wordpress自定义文章类型输出数量
  • 网站备案为什么 没有批复文件东莞58同城网招聘
  • vs2008不能新建网站网络营销推广手段
  • 滨江区网站开发公司莱芜二中网站
  • 亦庄网站建设杭州企业网站制作哪个好
  • 备案号链接工信部网站乐陵外贸seo
  • 网站打不开被拦截怎么办网络公司推广
  • 怎么做网站的排名优化自建营销型企业网站
  • 西安网站网页设计个人如何做跨境电商?
  • 网站建设费用多少钱网站建设的公司上海
  • 网站建设和维护岗位的职责做网站需要什么技能
  • 赤峰北京网站建设jmr119色带
  • 给你一个网站怎么做个人信息管理网站建设
  • 申请手机网站宁乡的网站建设
  • 网站幻灯片js代码淄博便宜网站设
  • 网站seo推广的方法专业展馆展厅设计公司深圳
  • wordpress 更改数据库密码错误seo营销推广费用
  • 如何提高网站收录数无忧网站建设
  • 网站做行业认证好处广告联盟代理平台
  • 企业网站建设是什么实现的物质基础和技术支撑网站建设工作室怎么开
  • 建设公司网站大概需要多少钱济南百度推广电话
  • 云空间布置网站国外大型购物网站
  • 加强机构编制网站建设力度宣威网站
  • 上海什么做网站的公司比较好成都画册设计的公司
  • 设计用哪些网站有哪些功能弄个app要花多少钱
  • 阿里云怎么建设网站衡阳关键词优化首选
  • 兰州做网站的有哪几个学网站建设 去哪里