Jquery.form.js 上传图片
来源:互联网 发布:2016淘宝刷单安全吗 编辑:程序博客网 时间:2024/05/13 02:10
html: <form id="formDemo" method="post" enctype="multipart/form-data" style="float: right"> <label style="position: relative; float:right"> <img src="../img/xj.png" style="float: right;"> <input type="file" capture="camera" name="Filedata" accept="image/gif,image/jpeg,image/jpg,image/png" class="sui-btn btn-success txt inputat" style="position: absolute; left: 0; width: 100px; opacity: 0;" onchange="forward_data.Post.UploadFile(this)" /> </label> </form>
JS:function UpdateUserInfo() { var filepath = $("input[name='Filedata']").val(); var extStart = filepath.lastIndexOf("."); var ext = filepath.substring(extStart, filepath.length).toUpperCase(); if (ext != ".BMP" && ext != ".PNG" && ext != ".GIF" && ext != ".JPG" && ext != ".JPEG") { alert("图片限于bmp,png,gif,jpeg,jpg格式"); return false; } $("#formDemo").ajaxSubmit({ url: 'http://115.28.160.143:8082/api/Image/UpLoadImage?upPath=wxImage', /*设置post提交到的页面*/ type: "post", /*设置表单以post方法提交*/ /* 后端自定义头部验证,可去掉 */ headers: { Authorization: "Bearer " + token, cmpCode: xr_user.CmpCode, userCode: xr_user.Eno, }, dataType: "json", /*设置返回值类型为文本*/ success: function (data) { imgs.push(data.Data); alert(JSON.stringify(imgs)); forward_data.Entity.MyVue.$data.Imgs = imgs; alert(JSON.stringify(forward_data.Entity.MyVue.$data.Imgs)); }, error: function (error) { alert(error); } });}
API:public OperationResultModel UpLoadImage(string upPath) { var returnResult = new OperationResultModel() { ErrorMsg = string.Empty }; try { var file = HttpContext.Current.Request.Files["Filedata"]; string returnPath = string.Empty; if (file != null) { string uploadPath = System.Web.Hosting.HostingEnvironment.MapPath("~/" + upPath) + "/"; // Server.MapPath(upPath) + "\\";// Server.MapPath("/UploadImgs") + "\\"; string fileName = file.FileName; if (!Directory.Exists(uploadPath)) { Directory.CreateDirectory(uploadPath); } file.SaveAs(uploadPath + fileName); returnPath = ConfigTool.GetAppSetting("webSite") + "/" + upPath + "/" + fileName; } else { throw new Exception("未找到上传文件"); } returnResult.Data = returnPath.Trim('"'); } catch (Exception ex) { LogManager.WriteErrorLog("上传图片", ex); returnResult.OpResult = "N"; returnResult.ErrorMsg = ex.Message; } finally { } return returnResult; }
阅读全文
0 0
- Jquery.form.js 上传图片
- 利用jquery插件jquery.form.js异步上传图片
- 使用jquery.form.js上传图片或文件
- jquery.form.js实现图片上传后预览
- ajax上传图片所用jquery.form.js插件详细使用方法
- ajax上传图片所用jquery.form.js插件详细使用方法
- jquery.form.js ajax上传文件问题
- struts2+jquery.form.js文件上传注意事项
- HTML5上传文件jQuery.form.js
- 用jquery.form.js来上传图片在ie中拒绝访问
- asp.net下使用 jquery.form.js 上传图片(文件)
- 如何使用jquery.form.js上传图片到另一台服务器并回显
- form.js提交表单同步上传图片
- jquery.form.js提交form表单 上传文件
- jQuery实现jQuery-form.js实现异步上传文件
- 使用Ajax以及Jquery.form异步上传图片
- jquery.form&jersey异步上传图片(SpringMVC版本)
- 使用jquery-form.js异步上传文件和提交表单
- c++STL的JAVA实现
- jsp内置对象
- 简单了解MVP
- 输入一个整数把每位数字转换为英文
- c语言实现三子棋——升级智能版
- Jquery.form.js 上传图片
- 公钥与私钥 数字签名的理解
- 摧毁图状树
- bzoj4424 Cf19E Fairy 树形dp
- CF round 355 C题 思维
- 查看线程的运行状态
- Spring Boot 第一个HelloWorld程序 whitelabel Error Page
- 仿灯光闪过效果
- 【NOIP2017提高组模拟6.27】C