异步上传引出的血案..

最新推荐文章于 2021-02-26 06:07:52 发布

weixin_34293902

最新推荐文章于 2021-02-26 06:07:52 发布

阅读量61

点赞数

原文链接：http://www.cnblogs.com/moy-1313133/p/7606628.html

版权

首先想到的是 js插件 ajaxSubmitForm

1. http://www.cnblogs.com/DylanZ/p/6019611.html

 1 function ajaxSubmitForm() {
 2    　　　　var option = {
 3          　　 url : '${pageContext.request.contextPath}/userController/upgradeUser_form',
 4         　　  type : 'POST',
 5          　　 dataType : 'json',
 6          　　 headers : {"ClientCallMode" : "ajax"}, //添加请求头部
 7         　　  success : function(data) {
 8            　　   if("success"==data.resultMessage){
 9            　　    alert("个人用户已成功升级为企业用户！");
10               }
11               else{
12                alert("企业用户升级失败,请联系管理员！");
13                return;
14               }
15           },
16           error: function(data) {
17               alert("企业用户升级失败,请联系管理员！");
18           }
19        };
20       $("#userForm").ajaxSubmit(option);
21       return false; //最好返回false，因为如果按钮类型是submit,则表单自己又会提交一次;返回false阻止表单再次提交
22   }

2. ajaxFileUpload: http://www.cnblogs.com/kissdodog/archive/2012/12/15/2819025.html

 1 <html>
 2 <head>
 3     <script src="/jquery-1.7.1.js" type="text/javascript"></script>
 4     <script src="/ajaxfileupload.js" type="text/javascript"></script>
 5     <script type="text/javascript">
 6         $(function () {
 7             $(":button").click(function () {
 8                 if ($("#file1").val().length > 0) {
 9                     ajaxFileUpload();
10                 }
11                 else {
12                     alert("请选择图片");
13                 }
14             })
15         })
16         function ajaxFileUpload() {
17             $.ajaxFileUpload
18             (
19                 {
20                     url: '/Home/Upload', //用于文件上传的服务器端请求地址
21                     type: 'post',
22                     data: { Id: '123', name: 'lunis' }, //此参数非常严谨，写错一个引号都不行
23                     secureuri: false, //一般设置为false
24                     fileElementId: 'file1', //文件上传空间的id属性  <input type="file" id="file" name="file" />
25                     dataType: 'json', //返回值类型 一般设置为json
26                     success: function (data, status)  //服务器成功响应处理函数
27                     {
28                         alert(data);
29                         $("#img1").attr("src", data.imgPath1);
30                         alert("你请求的Id是" + data.Id + "     " + "你请求的名字是:" + data.name);
31                         if (typeof (data.error) != 'undefined') {
32                             if (data.error != '') {
33                                 alert(data.error);
34                             } else {
35                                 alert(data.msg);
36                             }
37                         }
38                     },
39                     error: function (data, status, e)//服务器响应失败处理函数
40                     {
41                         alert(e);
42                     }
43                 }
44             )
45             return false;
46         }
47     </script>
48 </head>
49 <body>
50     <p><input type="file" id="file1" name="file" /></p>
51     <input type="button" value="上传" />
52     <p><img id="img1" alt="上传成功啦" src="" /></p>
53 </body>
54 </html>

在webconfig 中

<system> 

</system.web>

///节点增加如下字段

<httpRuntime requestValidationMode="2.0"/>

    <pages validateRequest="false"></pages>

富文本编辑器：

//获取值
var htmlStr = KindEditor.instances[0].html().trim();

//赋值
KindEditor.instances[0].html(@MvcHtmlString.Create(Model.Contents));

editor.insertHtml('@MvcHtmlString.Create(Model.Contents)')

editor.html();

mvc下使用编辑器提交的时候别忘打标签 [ValidateInput(false)]