當麻許的超技八

using System;
using System.IO;
using System.Web;
using System.Web.UI;

namespace SummernoteUploadImage
{
     public partial class risiv : Page
     {
         protected void Page_Load(object sender, EventArgs e)
         {


             try
             {
                 HttpPostedFile img = Request.Files["img"];
                 //收到img參數裡面為檔案實體存成跟目錄下sample.gif
                 using (FileStream fs = File.Create((AppDomain.CurrentDomain.BaseDirectory + "sample.gif")))
                 {
                     SaveFile(img.InputStream, fs);
                 }
                 //成功後直接回傳檔名
                 Response.Write("sample.gif");
                
             }
             catch (Exception ex)
             {
                 //這邊當然你可以作錯誤處理可能去回吐一個錯誤圖闢入error.gif
                 //但是這邊我方便debug 就是直接讓他吐錯誤資訊
                 Response.Write("error:" + ex.Message);
             }
         }

         private void SaveFile(Stream stream, FileStream fs)
         {
             try
             {
                 byte[] buffer = new byte[4096];
                 int bytesRead;
                 while ((bytesRead = stream.Read(buffer, 0, buffer.Length)) != 0)
                 {
                     fs.Write(buffer, 0, bytesRead);
                 }
             }
             catch (Exception ex)
             {
                 Response.Write("error:" + ex.Message);
             }
         }
     }
}

<script>

     function uploadImage(image) {
         var data = new FormData();
         data.append("img", image);
         $.ajax({
             //上傳路徑
             url: 'risiv.aspx',
             cache: false,
             contentType: false,
             processData: false,
             data: data,
             type: "post",
             success: function (url) {
                 var image = $('<img>').attr('src', url);
                 //會來後再編輯點插入該圖片，因為回傳是網址只要處理src 即可
                 $('.summernote').summernote("insertNode", image[0]);
             },
             error: function (data) {
                 console.log(data);
             }
         });
     }



     //初始化 summernote
     $(document).ready(function () {
         $('.summernote').summernote({
             height: '500px',
             callbacks: {
                 onImageUpload: function (image) {
                     uploadImage(image[0]);
                 }
             }
         });
     });


</script>