[Angularjs]ng-file-upload上传文件详解

写在前面

系列文章

ng-file-upload

支持上传进度，在上传的时候，可以取消或者中止，支持文件拖拽（HTML5），目录拖拽（weikit），CORS，PUT(html5)/POST?方法

• 支持使用 Flash polyfill?? 跨浏览器上传 (HTML5?和?non-HTML5) 。允许客户端在上传之前验证或者修改文件。

• 当文件的内容类型使用?$upload.http()时，支持直接上传到 CouchDB，imgur 等等。支持 Angular httpPOST/PUT?请求的进度事件，更多内容请看??

• Separate shim file loaded on demand for?non-HTML5?code meaning no extra load/code if you just need HTML5 support. (Note that html5-shim.js is still needed for?progress?event in?HTML5?browsers)

• 轻量级，使用常规的?$http?来上传（支持非 HTML5 浏览器），所以提供所有 Angular?$http?功能。

文件上传 $scope.uploadImg = ''; 当前上传用户:

</span><span style="color: #0000ff;"&gt;public</span> <span style="color: #0000ff;"&gt;void</span><span style="color: #000000;"&gt; ProcessRequest(HttpContext context) { context.Response.ContentType </span>= <span style="color: #800000;"&gt;"</span><span style="color: #800000;"&gt;application/json</span><span style="color: #800000;"&gt;"</span><span style="color: #000000;"&gt;; </span><span style="color: #0000ff;"&gt;var</span> paras = context.Request.Params[<span style="color: #800000;"&gt;"</span><span style="color: #800000;"&gt;data</span><span style="color: #800000;"&gt;"</span><span style="color: #000000;"&gt;]; JObject jobj </span>=<span style="color: #000000;"&gt; JObject.Parse(paras); </span><span style="color: #0000ff;"&gt;string</span> strUserName = jobj[<span style="color: #800000;"&gt;"</span><span style="color: #800000;"&gt;username</span><span style="color: #800000;"&gt;"</span><span style="color: #000000;"&gt;].ToString(); HttpFileCollection files </span>=<span style="color: #000000;"&gt; context.Request.Files; </span><span style="color: #0000ff;"&gt;if</span> (files.Count > <span style="color: #800080;"&gt;0</span><span style="color: #000000;"&gt;) { </span><span style="color: #0000ff;"&gt;var</span> file = files[<span style="color: #800080;"&gt;0</span><span style="color: #000000;"&gt;]; </span><span style="color: #0000ff;"&gt;string</span> fileExt =<span style="color: #000000;"&gt; Path.GetExtension(file.FileName); </span><span style="color: #0000ff;"&gt;string</span> fileNewName = Guid.NewGuid() +<span style="color: #000000;"&gt; fileExt; </span><span style="color: #0000ff;"&gt;string</span> strRelativeDir = <span style="color: #800000;"&gt;"</span><span style="color: #800000;"&gt;/Upload/</span><span style="color: #800000;"&gt;"</span> +<span style="color: #000000;"&gt; strUserName; </span><span style="color: #0000ff;"&gt;string</span> strDir =<span style="color: #000000;"&gt; context.Request.MapPath(strRelativeDir); </span><span style="color: #0000ff;"&gt;if</span> (!<span style="color: #000000;"&gt;Directory.Exists(strDir)) { Directory.CreateDirectory(strDir); } </span><span style="color: #0000ff;"&gt;string</span> strSavePath =<span style="color: #000000;"&gt; Path.Combine(strDir,fileNewName); file.SaveAs(strSavePath); context.Response.Write(Path.Combine(strRelativeDir,fileNewName)); } } </span><span style="color: #0000ff;"&gt;public</span> <span style="color: #0000ff;"&gt;bool</span><span style="color: #000000;"&gt; IsReusable { </span><span style="color: #0000ff;"&gt;get</span><span style="color: #000000;"&gt; { </span><span style="color: #0000ff;"&gt;return</span> <span style="color: #0000ff;"&gt;false</span><span style="color: #000000;"&gt;; } } }</span></pre>

总结

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!