zoukankan      html  css  js  c++  java
  • H5+MUI上传文件

    应用场景:MUI+H5+WEBAPI

    今天在给我外甥女调手机端上传图片的时候,发现他是直接调用的MUI下的api,直接调取相册或者相机,到最后只看见了一个文件的路径,所以以前写的上传文件就不太好套上去了,我又比较懒(`・ω・´),我就去查MUI的api,功夫不负有心人让我找到了MUI下用来专门处理上传的方法,我也就不卖弄文章了,毕竟我搞前端也是很让人捉急,献丑了

    js代码:

     1 var task = plus.uploader.createUpload( "http://47.94.245.189:807/abldoctor/upload/upload", 
     2                     { method:"POST",blocksize:204800,priority:100 },
     3                     function ( t, status ) {
     4                         // 上传完成
     5                         console.log(t);
     6                         if ( status == 200 ) { 
     7                             alert( "Upload success: " + t.url );
     8                         } else {
     9                             alert( "Upload failed: " + status );
    10                         }
    11                     }
    12                 );
    13                 task.addFile('images/touxiang2x.png', {key:"file"} );
    14                 task.start();
    View Code

    接口代码:

     1 /// <summary>
     2         /// 上传文件
     3         /// </summary>
     4         /// <returns></returns>
     5         [HttpPost]
     6         public object Upload()
     7         {
     8             int l = HttpContext.Current.Request.Files["file"].ContentLength;
     9             byte[] buffer = new byte[l];
    10             Stream s = HttpContext.Current.Request.Files["file"].InputStream;
    11             System.Drawing.Bitmap image = new System.Drawing.Bitmap(s);
    12             string imgname = System.Guid.NewGuid().ToString() + ".jpg";
    13             string path = "Images/" + DateTime.Now.ToString("yyyyMMdd") + "/";
    14             if (!Directory.Exists(HttpContext.Current.Server.MapPath(path)))
    15             {
    16                 System.IO.Directory.CreateDirectory(HttpContext.Current.Server.MapPath(path));
    17             }
    18             image.Save(HttpContext.Current.Server.MapPath(path + "/" + imgname));
    19             return new Content.ResultHelper().Results(new { bRes = true, filename = imgname, filePath = path }, Content.rspCodeNum.right, "");
    20         }
    View Code

    这就是全部了,大家如果有好的改进的建议,可以交流一下,毕竟活到老学到老嘛!!!

  • 相关阅读:
    SqlServer实现Oracle的wm_concat()函数功能
    WebApi异常过滤器
    C#DataTable转List<Models>
    C#访问Oracle或SqlServer数据库遍历添加参数
    C#+.netFrameWork4.5.2+WebAPI+Jquery+Ajax跨域请求问题
    VS2015+Windows服务简易教程+文件夹监听
    C# rpt 批量打印写法
    C#model序列化xml
    oracle em无法连接数据库实例
    childNodes与children
  • 原文地址:https://www.cnblogs.com/caijiabao/p/10222877.html
Copyright © 2011-2022 走看看