BlogJava-Java,永远不敢言精通-随笔分类-Ajax

Ajax实现文件上传

Ying-er — Mon, 27 Feb 2017 08:50:00 GMT

View & JS：

@model RCRS.WebApp.LG.Calender.Web.Models.FileModel

@using (Html.BeginForm("FileUpload", "Home", FormMethod.Post, new { id = "uploadForm", enctype = "multipart/form-data" }))
{
    @Html.TextBox("data", "", new { type = "file", size = 40, required = "required" })
    @Html.HiddenFor(todocd=>Model.todocd)
    @Html.HiddenFor(todoGroupcd => Model.todoGroupcd)
    <input type="submit" id="submit_upload" value="ｱｯﾌﾟﾛｰﾄﾞ" />
}

<div id="todo-file-list">
    @Html.Partial("_todofilelist")
div>

<script src="@Url.Content("~/Scripts/jquery.form.js")" type="text/javascript">script>
<script type="text/javascript">
    (function () {
        var todoList = $('#todo-file-list');
        var filePath = $('input[name="data"]');
        $('#uploadForm').on('submit', function (e) {
            e.preventDefault();
            $(this).ajaxSubmit({
                complete: function (xhr) {
                    filePath.val('');
                    todoList.html(xhr.responseText);
                }
            });
        });
    })();
script>

Controller

//-----------------------------------------------------------------------
///

/// FileUploadリクエスト時に発生します。
///

        ///
        ///
        //-----------------------------------------------------------------------
        [HttpPost]
        public ActionResult FileUpload(FileModel file)
        {
            int    retValue     = 0;
            string msg          = string.Empty;
            string fileName     = string.Empty;
            int    fileSize     = 0;
            int    todoGroupcd  = file.todoGroupcd;
            int    todocd       = file.todocd;
            string div          = Settings.Default.IsRCRS;
            DateTime createDate = DateTime.Now;

            HttpPostedFileBase data = Request.Files["data"];
            fileName = data.FileName;
            fileSize = (data.ContentLength / 1000);

            using (CalenderServiceClient svc = new CalenderServiceClient())     //Calender Serviceを経由
            {
                try
                {
                    retValue = svc.FileUpload(todoGroupcd, todocd, div, fileName, fileSize.ToString(), createDate);       //Uploadファイルをbyte配列に書き込む

                    //戻り値でメッセージを分岐
                    if (retValue == 0)
                    {
                        msg             = CommonFunctions.GetFileName(fileName) + " をアップロードしました。";
                        ViewBag.Message = msg;
                    }
                    else if (retValue == -1)
                    {
                        msg             = "ファイルのアップロードに失敗しました。";
                        ViewBag.Message = msg;
                    }
                }
                catch (Exception ex)
                {
                    Console.WriteLine(ex.Message);
                }
                finally
                {
                    //サービス接続を終了
                    svc.Close();
                }
            }

            TodoModel todoModel = new TodoModel();
            FileModel files = todoModel.GetBizFile(todocd, todoGroupcd);

            return Content(CommonFunc.RenderViewToString(ControllerContext, "_todofilelist", files));
        }

Ying-er 2017-02-27 16:50 发表评论

字符转换工具类，（为解决Ajax乱码问题）

Ying-er — Sat, 29 May 2010 02:24:00 GMT

package com.linying.util;

import javax.servlet.http.HttpServletRequest;
/**
* 字符转换工具，为解决Ajax乱码问题
* @author Ying-er
* @since 2010-5-15 下午03:37:02
* @version 1.00 Ying-er 创建 2010-5-15 下午03:37:02
*/
public final class StringFormatUtil {
    /**
     * 工具类，禁止实例化
     */
    private StringFormatUtil() {

    }

    /**
     * 字符串编码过渡
     * @param paramName
     * @param request
     * @return
     */
    public static String getDecodeParamFromReq(String paramName,
            HttpServletRequest request) {
        String retval = request.getParameter(paramName);

        if(retval==null){
            return null;
        }

        try {
            /**
             * 中间用ISO-8859-1过渡
             */
            byte[] b = retval.getBytes("8859_1");
            /**
             * 转换成GB2312字符
             */
            retval = new String(b, "GB2312");
        } catch (Exception e) {
            e.printStackTrace();
        }

        return retval;
    }

    /**
     * 数字编码过渡
     * @param paramName
     * @param request
     * @return
     */
    public  static int getDecodeIntParamFromReq(String paramName,
            HttpServletRequest request) {

        String strParam = getDecodeParamFromReq(paramName,request);

        int intParam;
        if (strParam == null) {
            intParam = 0;
        } else {
            Integer tmp = Integer.parseInt(strParam);
            intParam = tmp.intValue();
        }

        return intParam;
    }
}

Ying-er 2010-05-29 10:24 发表评论

ajax调用异常信息列表

Ying-er — Thu, 28 Jan 2010 01:48:00 GMT

// 属性：readyState
// 返回XMLHTTP请求的当前状态
// 语法：lValue = oXMLHttpRequest.readyState;
// 备注：变量，此属性只读，状态用长度为4的整型表示.定义如下：
// 0 (未初始化) 对象已建立，但是尚未初始化（尚未调用open方法）
// 1 (初始化) 对象已建立，尚未调用send方法
// 2 (发送数据) send方法已调用，但是当前的状态及http头未知
// 3 (数据传送中) 已接收部分数据，因为响应及http头不全，这时通过responseBody和responseText获取部分数据会出现错误，
// 4 (完成) 数据接收完毕,此时可以通过通过responseBody和responseText获取完整的回应数据
if (oXmlHttp.readyState == 4) {
// 属性：status
// 返回当前请求的http状态码
// 语法：lValue = oXMLHttpRequest.status;
// 返回值：长整形标准http状态码，定义如下：
// Number:Description
// 100:Continue
// 101:Switching protocols
// 200:OK
// 201:Created
// 202:Accepted
// 203:Non-Authoritative Information
// 204:No Content
// 205:Reset Content
// 206:Partial Content
// 300:Multiple Choices
// 301:Moved Permanently
// 302:Found
// 303:See Other
// 304:Not Modified
// 305:Use Proxy
// 307:Temporary Redirect
// 400:Bad Request
// 401:Unauthorized
// 402:Payment Required
// 403:Forbidden
// 404:Not Found
// 405:Method Not Allowed
// 406:Not Acceptable
// 407:Proxy Authentication Required
// 408:Request Timeout
// 409:Conflict
// 410:Gone
// 411:Length Required
// 412:Precondition Failed
// 413:Request Entity Too Large
// 414:Request-URI Too Long
// 415:Unsupported Media Type
// 416:Requested Range Not Suitable
// 417:Expectation Failed
// 500:Internal Server Error
// 501:Not Implemented
// 502:Bad Gateway
// 503:Service Unavailable
// 504:Gateway Timeout
// 505:HTTP Version Not Supported
// 备注：长整形，此属性只读，返回当前请求的http状态码,此属性仅当数据发送并接收完毕后才可获取。
if (oXmlHttp.status == 200) {

Ying-er 2010-01-28 09:48 发表评论