バックエンドを渡す方法を写真やテキストとともに入力ボックス

映像入力を追加

（1）を導入する必要があります

  <リンクのhref = "〜/コンテンツ/ cssの/ imgcss /ブートストラップ・fileinput.css"のrel = "スタイルシート"> 
    ます。<script type = "text / javascriptの" SRC = "〜/コンテンツ/ cssの/ imgcss /ブートストラップfileinput.js 「> </ SCRIPT>

（2）入力画像フレーム

  <DIV CLASS = "COL-MD-12" ID = "uploadForm"> 
                        <DIV CLASS = "フォームグループCOL-MD-4"スタイル= "テキスト整列：センター"> 
                            <ラベルクラス= "COL-SM- 6コントロールラベル">関連資格証明書</ label>は
                            <DIV CLASS =" FileInputクラスFileInputクラスの新しい"データ提供= "FileInputクラス" ID = "exampleInputUpload"> 
                                <DIV CLASS = "FileInputクラスの新しいサムネイル"スタイル="幅：200pxの;高さ：自動;最大高さ：150ピクセル; "> 
                                    <IMGのid = 'picImg'スタイル="幅：100％;高さ：自動;最大高さ：140px;」SRC = "〜/コンテンツ/ CSS /エクストラ画像/ noimage.png"
                                <divのクラス=スタイル= "FileInputクラスプレビューサムネイルFileInputクラスは、存在する" "のmax-width：200pxの、最大の高さ：150ピクセル;"> </ div> 
                                <div>の
                                    <スパンクラス= "BTN BTN-主要BTN-ファイル" > 
                                        <スパンクラス= "FileInputクラスの新しい">ファイル</ span>を選択し
                                        、<スパンクラス= "FileInputクラスは、存在する">変更</ span>の
                                        の<input type = "ファイル"名= "OTHER_PROVE" ID = "other_provesを"受け入れ= "画像/ gif形式、画像/ JPEG画像/ X-PNG" /> 
                                    </スパン>
                                    <HREF = "javascriptの:;" クラス=データ・解任= "FileInputクラス" "BTN-警告BTN FileInputクラスは、存在する"> </a>の削除
                                </ DIV> 
                            </ DIV> 
                        </ DIV>
                        <DIV CLASS = "フォームグループCOL-MD-4"スタイル= "テキスト整列：センター"> 
                            <ラベルクラス= "COL-SM-6コントロールラベル">パスポート</ label>は
                            <DIV CLASS = "FileInputクラスFileInputクラスの新しい」データ提供= "FileInputクラス" ID = "exampleInputUpload"> 
                                <DIV CLASS = "FileInputクラスの新しいサムネイル"スタイル= "幅：200pxの;高さ：自動;最大高さ：150ピクセル;"> 
                                    <IMGのid = 'picImg'スタイル= "幅：100％;高さ：自動;最大高さ：140px;" SRC = "〜/コンテンツ/ CSS /エクストラ画像/ noimage.png" ALT = "" />FileInputクラス・プレビュー「スタイル=」最大幅のサムネイルFileInputクラスは、存在する：200pxの。
                                最大高さ：150ピクセル; "> </ div> <div>の
                                <divのクラス=スタイル= "のmax-width：200pxの、最大の高さ：150ピクセル;" "FileInputクラスプレビューサムネイルFileInputクラスは、存在する"> </ div>BTN-警告BTN "クラス="「データ・解任= "FileInputクラス">削除する</a> FileInputクラスは、存在する
                                </ DIV>
                                    <スパンクラス= "BTN BTN-主要BTN-ファイル"> 
                                        <スパンクラス= "FileInputクラスの新しい">ファイルを選択</ span>の
                                        <スパンクラス= "FileInputクラス-存在">変更</ span>の
                                        の<input type = "ファイル" NAME = "PASSPORT" ID = "パスポート"受け入れる= "画像/ gif形式、画像/ JPEG画像/ X-PNG" /> 
                                    </スパン> 
                                    <A HREF = "javascriptの:;" クラス=データ・解任= "FileInputクラス">削除する</a> "BTN-警告BTN FileInputクラスは、存在する"
                            </ DIV> 
                        </ DIV> 
</ DIV>

（3）提出AJAX

、FILE1）。}
        もし（！FILE2 =不定）{formDatas.append（ "LIFE_PHOTO" 、FILE2）。}
         であれば（FILE3 =不定！）{formDatas.append（ "TEACH_DEMO" 、FILE3）。}
         であれば（FILE4 =不定！）{formDatas.append（ "ディプロマ" 、FILE4）。}
         であれば（file5 =不定！）{formDatas.append（ "OTHER_PROVE" 、file5）。}
         であれば（file6 =不定！）{formDatas.append（ "PASSPORT" 、file6）。} 
      
        formDatas.append（ "SURNAME"、$（ "入力[NAME = 'SURNAME']" ）.val（））。
        formDatas.append（ "MIN_NAME"、$（ "入力[名前= 'MIN_NAME']" ）.val（））;"/リクルート/ InsertRecruitementInfo" 、
            種類： "POST" 、
            データ：formDatas、
            PROCESSDATA：falseに、// パラメータデータをシリアライズするため 
            のcontentType：falseに、// コンテンツのエンコードタイプ 
            のキャッシュ：falseに、// キャッシュの使用していない 
            成功を：関数（ソース）{
                 VARデータ= ソース;
                 IF（source.status == 1 ）{ 

                    アラート（source.msg）; 
                    location.reload（）; 
                }
                他の{ 
                    警告（ "エラー" ）; 
                    location.reload（）; 
                } 
            } 

        }）

以下は、上の書かれている必要がありますどこに

  PROCESSDATA：シーケンス処理データの偽、//パラメータ
            のcontentTypeを：偽、//コンテンツ符号化タイプ
            キャッシュ：偽、//キャッシュを使用しない
文字列の他のタイプの受信（4）C＃の後端

  公共のActionResult InsertRecruitementInfo（HttpPostedFileBase PERSONAL_PHOTO、ストリング姓、文字列MIN_NAME、文字列名、文字列BIRTH、列COUNTRY、文字列PHONE、文字列EMAIL、ストリングFACEBOOK、列アドレス、ストリング教育、文字列MAJOR、列GRADUATE_SCHOOL、ストリング信仰、文字列EXPERIENCE_JOB、ストリングEXPERIENCE_PERSONAL、文字列趣味HttpPostedFileBase LIFE_PHOTO、HttpPostedFileBase TEACH_DEMO、HttpPostedFileBaseディプロマ、HttpPostedFileBase OTHER_PROVE、HttpPostedFileBase PASSPORT、文字列JOB_PLAN = ヌル、文字列JOB_CHOOSE = ヌル、文字列NEED = NULL ）
        { 
            Models.Recruitment動員 = 新しいModels.Recruitment（）。
            Models.ResponseData RES = 新しいですModels.ResponseData（）;
            試す
            { 
                recruitment.PERSONAL_PHOTO = DataHelper.convertImage（PERSONAL_PHOTO）。
                recruitment.SURNAME = SURNAME。
                recruitment.MIN_NAME = MIN_NAME。
                recruitment.NAME = NAME。
                recruitment.BIRTH = BIRTH。
                recruitment.COUNTRY = 国; 
                recruitment.PHONE = PHONE。
                recruitment.EMAIL = EMAIL; 
                recruitment.FACEBOOK= FACEBOOK。
                recruitment.ADDRESS = ADDRESS。
                recruitment.EDUCATION = EDUCATION。
                recruitment.MAJOR = MAJOR。
                recruitment.GRADUATE_SCHOOL = GRADUATE_SCHOOL。
                recruitment.FAITH = FAITH。
                recruitment.EXPERIENCE_JOB = EXPERIENCE_JOB。
                recruitment.EXPERIENCE_PERSONAL = EXPERIENCE_PERSONAL。
                recruitment.HOBBY = HOBBY。
                recruitment.LIFE_PHOTO =DataHelper.convertImage（LIFE_PHOTO）。
                recruitment.TEACH_DEMO = DataHelper.convertImage（TEACH_DEMO）。
                recruitment.DIPLOMA = DataHelper.convertImage（ディプロマ）。
                recruitment.OTHER_PROVE = DataHelper.convertImage（OTHER_PROVE）。
                recruitment.PASSPORT = DataHelper.convertImage（PASSPORT）。
                recruitment.JOB_PLAN = JOB_PLAN。
                recruitment.JOB_CHOOSE = JOB_CHOOSE。
                recruitment.NEED = NEED。
                int型のカウント=DAL.RecruitmentDAL.GetInstance（）insertData（補充）;.
                 IF（COUNT = 0！ ）
                { 
                    Res.status = 1 ; 
                    res.msg = "成功情報記憶" ; 
                } 
                他
                { 
                    res.status = 0 ; 
                    res.msg = "失敗したデータストレージ" ; 
                } 
            } 
            キャッチ（例外E）
            { 
                res.status = 2 ; 
                res.msg = e.Message。
            } 
            戻りJSON（RES、JsonRequestBehavior.AllowGet）を、
            
        }