• NET CORE 3.1 UPLOAD


    @{
        ViewBag.Title = "Home Page";
        Layout = null;
    }
    
    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <!-- import CSS -->
        <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    </head>
    <body>
        <div id="app">
            <el-dialog :visible.sync="visible" title="Hello world">
                <p>Try Element</p>
                <el-upload class="upload-demo"
                           action="@Url.Action("upload")"
                           :on-preview="handlePreview"
                           :on-remove="handleRemove"
                           :before-remove="beforeRemove"
                           :limit="3"
                           :on-exceed="handleExceed"
                           :on-success="handleSuccess"
                           :on-error="handleError"
                           :on-progress="handleProgress"
                           :file-list="fileList">
                    <el-button size="small" type="primary">点击上传</el-button>
                    <div slot="tip" class="el-upload__tip">只能上传jpg/png文件,且不超过500kb</div>
                </el-upload>
            </el-dialog>
    
        </div>
    </body>
    <!-- import Vue before Element -->
    <script src="https://unpkg.com/vue/dist/vue.js"></script>
    <!-- import JavaScript -->
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
    <script>
        dd=new Vue({
          el: '#app',
          data: function() {
              return {
                  visible:true,
                  fileList: []
              }
            },
            methods: {
                handleRemove(file, fileList) {
                    console.log(file, fileList);
                },
                handlePreview(file) {
                    console.log(file);
                },
                handleExceed(files, fileList) {
                    this.$message.warning(`当前限制选择 3 个文件,本次选择了 ${files.length} 个文件,共选择了 ${files.length + fileList.length} 个文件`);
                },
                beforeRemove(file, fileList) {
                    return this.$confirm(`确定移除 ${file.name}?`);
                },
                handleSuccess(response, file, fileList) {
                    if (response != "") {
                        this.fileList = [];
                        this.$message.warning(response);
                    }
                    else {
                        this.$message.success("Save Success");
                        self.visible = false;
                    }
                    console.log("Save Success", file, fileList,"suu");
                },
                handleError(err, file, fileList) {
                    console.log(err, file, fileList, "err");
                    this.$message.warning(err);
                },
                handleProgress(event, file, fileList) {
                    console.log(event, file, fileList,"event");
                }
            }
    
        })
    </script>
    </html>

     NET  

            public ActionResult upload(HttpPostedFileBase file)
            {
                String uploadSectionDir = Path.Combine("Upload", DateTime.Now.ToString("yyyyMMdd"));
                string uploadDir = Path.Combine(HttpRuntime.AppDomainAppPath, uploadSectionDir);
                if (!Directory.Exists(uploadDir))
                {
                    Directory.CreateDirectory(uploadDir);
                }
                string fileName = Guid.NewGuid().ToString("N") + Path.GetExtension(file.FileName);
                string filePath = Path.Combine(uploadDir, fileName);
                file.SaveAs(filePath);
                return Json("");
    
                return Json("error don't upload");
            }
    

      NET CORE 3.1

      public async Task<IActionResult> uploadAsync(IFormFile file)
            {
                String uploadSectionDir = Path.Combine("Upload", DateTime.Now.ToString("yyyyMMdd"));
                if (!Directory.Exists(uploadSectionDir))
                {
                    Directory.CreateDirectory(uploadSectionDir);
                }
                string fileName = Guid.NewGuid().ToString("N") + Path.GetExtension(file.FileName);
                string filePath = Path.Combine(uploadSectionDir, fileName);
    
                if (file.Length > 0)
                {
                    using (var stream = new FileStream(filePath, FileMode.Create))
                    {
                       await file.CopyToAsync(stream);
                    }
                }
                return Json("error don't upload");
                return Ok("");
            }
    

      

  • 相关阅读:
    [PY3]——heap模块 和 堆排序
    [PY3]——求TopN/BtmN 和 排序问题的解决
    [转载+补充][PY3]——环境配置(2)——windows下安装pycharm并连接Linux的python环境
    [转载+补充]windows下SVN客户端的安装
    [Visual studio code 常见问题解决] ——中文乱码、
    Smrty模版总结(转)
    cms内容模型标签
    phpcms图文总结(转)
    phpcms总结(转)
    PHP总结
  • 原文地址:https://www.cnblogs.com/LiuFengH/p/13219219.html
Copyright © 2020-2023  润新知