hbuilder mui uploader图片上传到服务器完整版(ASP.NET)

1. <div class="dynamic_images"> 
2.     <ul> 
3.         <!--<li><img src="images/cbd.jpg"></li>--> 
4.         <li><img src="images/iconfont-tianjia.png" id="addnew"></li> 
5.         <!--<li><span class="mui-icon iconfont icon-jia2" style="font-size: 28px;"></span></li>--> 
6.  
7.     </ul> 
8. </div> 

1. document.addEventListener("plusready", plusReady, false); 
2.  
3. function plusReady() { 
4.     document.getElementById("addnew").addEventListener("tap", function() { 
5.         showActionSheet();//拍照还是相册 
6.     }); 
7.     document.getElementById("fabiao").addEventListener("tap", function() { 
8.         upload();//上传文件 
9.     }); 
10.     plus.nativeUI.closeWaiting(); 
11.  
12. } 

1. var f1 = null; 
2. var picarr = new Array(); 
3. var basearr = new Array(); 
4. var lat = "", 
5.     longt = ""; 
6. var files = []; 
7. // 上传文件 
8. function upload() { 
9.      
10.      
11.     var wt = plus.nativeUI.showWaiting(); 
12.     var task = plus.uploader.createUpload(server + "?action=dynamicadd", { 
13.             method: "POST" 
14.         }, 
15.         function(t, status) { //上传完成 
16.             if (status == 200) { 
17. //                      console.log("上传成功：" + t.responseText); 
18.                 mui.toast("发表成功"); 
19.                 //插入本地数据库 
20.                 wt.close(); 
21.                 mui.back(); 
22.             } else { 
23.                 console.log("上传失败：" + status); 
24.                 wt.close(); 
25.             } 
26.         } 
27.     ); 
28.     var title = $("#tbxtitle").val(); 
29.     if (title.length < 1) { 
30.         wt.close(); 
31.         mui.toast("内容不能为空"); 
32.     } else {  
33.         task.addData("title", title); 
34.         task.addData("uid", getUid()); 
35.         task.addData("userid", plus.storage.getItem("policeid")); 
36.         //task.addData("lat", lat.toString()); 
37.         //task.addData("longt", longt.toString()); 
38. //              console.log("准备上传"+files.length+"个图片"); 
39.         for (var i = 0; i < files.length; i++) { 
40.             var f = files[i]; 
41. //                  console.log("准备上传的图片路径："+f.path); 
42.             task.addFile(f.path, { 
43.                 key: f.name 
44.             }); 
45.         } 
46.         task.start(); 
47.     } 
48.      
49. } 
50.  
51. // 添加文件 
52. var index = 1; 
53. var newUrlAfterCompress; 
54. function appendFile(p) { 
55.     files.push({ 
56.         name: "uploadkey" + index,//这个值服务器会用到，作为file的key 
57.         path: p 
58.     }); 
59.     index++; 
60. } 
61. // 产生一个随机数 
62. function getUid() { 
63.     return Math.floor(Math.random() * 100000000 + 10000000).toString(); 
64. } 
65.  
66. function getposition() { 
67.     plus.geolocation.getCurrentPosition(function(p) { 
68.         var codns = p.coords; // 获取地理坐标信息； 
69.         lat = codns.latitude; //获取到当前位置的纬度； 
70.         longt = codns.longitude; //获取到当前位置的经度 
71.     }, function(e) { 
72.         //alert("获取百度定位位置信息失败：" + e.message); 
73.     }, { 
74.         provider: 'baidu' 
75.     }); 
76. } 
77.  
78. function galleryImgs() { // 从相册中选择图片 
79.     plus.gallery.pick(function(e) { 
80.         $(".dynamic_images ul li").remove(".pickimg"); 
81. //              console.log("选择了"+e.files.length+"个图片"); 
82.         for (var i = 0; i < e.files.length; i++) { 
83.             if (i < 9) { 
84.                 picarr[i] = e.files[i]; 
85.                 $(".dynamic_images ul").prepend("<li class='pickimg'><img src='" + e.files[i] + "' /></li>"); 
86.                 var dstname="_downloads/"+getUid()+".jpg";//设置压缩后图片的路径 
87.                 newUrlAfterCompress=compressImage(e.files[i],dstname); 
88.                 appendFile(dstname); 
89.                 //console.log(e.files[i]); 
90.                 //console.log(dstname); 
91.             } 
92.         } 
93.     }, function(e) { 
94.         console.log("取消选择图片"); 
95.     }, { 
96.         filter: "image", 
97.         multiple: true 
98.     }); 
99. } 
100.  
101. //压缩图片，这个比较变态的方法，无法return 
102. function compressImage(src,dstname) { 
103.     //var dstname="_downloads/"+getUid()+".jpg"; 
104.     plus.zip.compressImage({ 
105.             src: src, 
106.             dst: dstname, 
107.             overwrite:true, 
108.             quality: 20 
109.         }, 
110.         function(event) { 
111.             //console.log("Compress success:"+event.target); 
112.             return event.target; 
113.         }, 
114.         function(error) { 
115.             console.log(error); 
116.             return src; 
117.             //alert("Compress error!"); 
118.         }); 
119.      
120. } 
121. //旋转图片，本文没用到 
122. function rotateImage() { 
123.     plus.zip.compressImage({ 
124.             src: "_www/a.jpg", 
125.             dst: "_doc/a.jpg", 
126.             rotate: 90 // 旋转90度 
127.         }, 
128.         function() { 
129.             alert("Compress success!"); 
130.         }, 
131.         function(error) { 
132.             alert("Compress error!"); 
133.         }); 
134. } 
135.  
136. function showActionSheet() { 
137.     var bts = [{ 
138.         title: "拍照" 
139.     }, { 
140.         title: "从相册选择" 
141.     }]; 
142.     plus.nativeUI.actionSheet({ 
143.             cancel: "取消", 
144.             buttons: bts 
145.         }, 
146.         function(e) { 
147.             if (e.index == 1) { 
148.                 getImage(); 
149.             } else if (e.index == 2) { 
150.                 galleryImgs(); 
151.             } 
152.         } 
153.     ); 
154. } 
155. //拍照 
156. function getImage() { 
157.     var cmr = plus.camera.getCamera(); 
158.     cmr.captureImage(function(p) { 
159.         plus.io.resolveLocalFileSystemURL(p, function(entry) { 
160.             var localurl = entry.toLocalURL(); // 
161.             $(".dynamic_images ul li").remove(".pickimg"); 
162.             $(".dynamic_images ul").prepend("<li class='pickimg'><img src='" + localurl + "' /></li>"); 
163.         }); 
164.     }); 
165. } 

1. string file = ""; 
2. int count = Request.Files.Count; 
3.  
4. for (int i = 0; i < count; i++) 
5. { 
6.     int l = Request.Files["uploadkey" + (i + 1)].ContentLength; 
7.     byte[] buffer = new byte[l]; 
8.     Stream s = Request.Files["uploadkey" + (i + 1)].InputStream; 
9.     System.Drawing.Bitmap image = new System.Drawing.Bitmap(s); 
10.     string imgname = Common.GetGuid() + ".jpg"; 
11.     string path = "Images/" + DateTime.Now.ToString("yyyyMMdd") + "/"; 
12.     if (!Directory.Exists(HttpContext.Current.Server.MapPath(path))) 
13.     { 
14.         System.IO.Directory.CreateDirectory(HttpContext.Current.Server.MapPath(path)); 
15.     } 
16.     image.Save(Server.MapPath(path + "/" + imgname)); 
17. }