是否可以将 Fine-Uploader “即插即用”到用 Razor.Net 开发的页面中来代替 Uploadify？

编程问答 2022-05-20

问题描述

我正在尝试替换/更新最初在 WebMatrix 中使用 Razor Syntax 开发的页面，并将 Uploadify 与 Flash 文件一起使用。 WebMatrix 页面未使用后端/服务器端进程，而是使用页面发布方法和 sqlce 数据库。 这是带有uploadify 脚本的旧页面代码。由于站点上有多个页面使用uploadify 过程，因此能够以最少的代码更改完成此更新将是最理想的。 请记住，我是一个非常初级的网络开发人员...... 这是页面的当前上传版本：

@{
    Layout="~/shared/Layout/_AdminLayout.cshtml";
 
    Page.Title = "Upload logo";
    var db = Database.Open("BCR");
    var Format = "jpg";
    var AltText = "";
    var Caption = "";
    int Width = 0;
    int LinkId = 1;
    int Height = 0;
    int FirstID = 0;
    int LastID = 0;
    var Banner = "No";
    var Approved = "Yes";
    var PicId = "New";
    var Start = "";
    var End = "";
    
    int User = 0;

    var SelectedId = UrlData[0].AsInt(-1);
    var ClubType = UrlData[1];
        
    int i = 1;
    var Type = "logo";
    var UploadUser = WebSecurity.CurrentUserName;
    var imagePath = "";
    var RedirectPath = "~/Admin/Clubs/ClubAdmin/" + ClubType +  "/Edit/" + SelectedId.ToString();

 
    DateTime UploadDate = DateTime.Now;
    LinkId = UrlData[0].AsInt(-1);
    User = UrlData[1].AsInt(-1);

  @* Next,retrieve the current logo/picture ID from the Database and display the image *@


        var clubDetails = db.QuerySingle("SELECT * FROM Clubs,Pics WHERE clubId = @0 and picID = clublogo",SelectedId);
        if(clubDetails != null){
           if (clubDetails.picFormat != null) {imagePath= @"~\images\" + clubDetails.picId + "." + clubDetails.picFormat;}
           else {imagePath= @"~\images\" + clubDetails.picId + ".jpg";}
        
        AltText = clubDetails.clubName + " logo";
        Caption = AltText;
          }
    Page.Title = AltText;
   
      
    if (IsPost) {
        var fileData = Request.Files[0];
        var destFolder = Request["folder"];
        var fileName = Path.GetFileName(fileData.FileName);
     
                // Insert new pic record
        db.Execute("INSERT INTO Pics (picFormat,picAltText,picBanner,picApproved,picLinkId,picType,picUploadDate) VALUES (@0,@1,@2,@3,@4,@5,@6)",Format,AltText,Banner,Approved,LinkId,Type,UploadDate);
       
        PicId = db.GetLastInsertId().ToString();
        
        db.Execute("Insert into PicUpdates (PUpicId,PULinkId,PULinkType,PUuserId) Values(@0,@3)",PicId,User);
        var fileSavePath = Server.MapPath("/Images/"  + PicId + ".jpg");
        fileData.SaveAs(fileSavePath); 

        var imageThumbPath = "/Images/Thumbs/" + PicId + "_Thumb.jpg";

        var photo = new WebImage(fileSavePath);

        Width = photo.Width;
        Height = photo.Height;
 
        int thumbWidth = @Products.CalcThumbWidth(photo.Height,photo.Width);
        photo.Resize(width: thumbWidth,height: 130,preserveAspectRatio: true,preventEnlarge: true);

        photo.Save(@"~/" + imageThumbPath,"jpg",true);        

        db.Execute("Update Clubs set clublogo = @1 where clubId = @0",SelectedId,PicId);  

        }
    }
      



<!DOCTYPE html>

<html lang="en">
<head>
    <Meta charset="utf-8" />
    <title>Upload logo</title>
        <link rel="stylesheet" type="text/css" href="/Content/uploadify.css">
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="/Uploadify/jquery.uploadify-3.1.min.js"></script>
    <script type="text/javascript">
        $(function()
        {
            $('#file_upload').uploadify({

                'queueID'        : 'some_file_queue','queueSizeLimit' : 1,'UploadLimit' : 1,'progressData' : 'speed','fileTypeDesc': 'Image Files (.JPG,.GIF,.PNG)','fileSizeLimit': '2GB','auto': true,'swf': '/Uploadify/uploadify.swf','uploader': '@Request.FilePath'
                // Your options here

            });
        });

   </script>
    
</head>
<body>


<div id="some_file_queue"></div>
    <p><input type="file" name="file_upload" id="file_upload" /></p>
    <input type="submit" value="Back" onclick="location.replace('@Href(@RedirectPath)');return false;" style="height: 30px; line-height: 30px; width: 115px;" />    

</body>
</html>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

razorrazoruploadifywebmatrix