如何使用AjaxToolKit AsyncFileUpload Preivew [英] How to Image Preivew using AjaxToolKit AsyncFileUpload

问题描述

我想使用ajaxtoolkit ascyfileuploader在服务器端文件夹上传图像，但我想预览该图像，并希望在服务器端上传之前更改该图像的名称。

这里是代码..

Hi,
I want to upload image on server side folder using ajaxtoolkit ascyfileuploader but I want to preview that image and want to change name of that image before uploading it on server side.
here is the code..

<ajax:ToolkitScriptManager ID="scriptManager1"  runat="server"/>
    <div>
        <ajax:AsyncFileUpload ID="fileUpload1" OnClientUploadError="uploadError" 

        CompleteBackColor="White" Width="350px"  runat="server" UploaderStyle="Modern" 

        OnClientUploadComplete="uploadComplete" UploadingBackColor="#CCFFFF"  

        ThrobberID="imgLoad"  önUploadedComplete="fileUploadComplete" /><br />
        <asp:Image ID="imgLoad" runat="server" ImageUrl="loading.gif" />
        <asp:HiddenField ID="btnhidden" runat="server" />
        <br />

       
        <asp:Image ID="imgLoader" runat="server" ImageUrl="~/images/loader.gif" /><br /><br />
        <img id = "imgDisplay" alt="" src=""  style="display:none;"/>
    
    </div>
    <script type="text/javascript">
        function uploadComplete(sender, args) {

            var imgDisplay = $get("imgDisplay");
            imgDisplay.src = "images/loader.gif";
            imgDisplay.style.cssText = "";
            var img = new Image();
            img.onload = function () {
                imgDisplay.style.cssText = "height:100px;width:100px";
                imgDisplay.src = img.src;
            };

            <big></big>var myHidden = document.getElementById('<%= btnhidden.ClientID %>');
             var a = myHidden.value;

             img.src = "<%=ResolveUrl(UploadFolderPath) %>" + a;
        }
    </script>

protected void Page_Load(object sender, EventArgs e)
   {

   }
   protected string UploadFolderPath = "~/Files/";
   protected static int a = 0;
   protected void fileUploadComplete(object sender, AsyncFileUploadEventArgs e)
   {
           Thread.Sleep(1000);
           string filename = System.IO.Path.GetFileName(fileUpload1.FileName);
           string extension = Path.GetExtension(filename);
           string s = "abc" + a + "" + extension;

           btnhidden.Value = s;
           fileUpload1.SaveAs(Server.MapPath(this.UploadFolderPath) + s);
           a++;
   }

我正在尝试将值设置为服务器端fileuploadcompleted事件上的隐藏字段并访问它客户端已完成的事件..

但在客户端隐藏的文件值返回null ..

所以请建议我如何执行整个操作。

谢谢。

I am trying to set value to hidden filed on server side fileuploadcompleted event and access it on client side on completed event..
but on client side hidden filed value return null..
so please suggest me how can perform this whole operation.
thank you.

推荐答案

get（ imgDisplay）;
imgDisplay.src = images / loader.gif;
imgDisplay.style.cssText = ;
var img = new Image（）;
img.onload = function （）{
imgDisplay.style.cssText = height：100px; width：100px;
imgDisplay.src = img.src;
};

< big> < / big > var myHidden = document .getElementById（' <％= btnhidden.ClientID％>'）;
var a = myHidden.value;

img.src = <％= ResolveUrl（UploadFolderPath）％> + a;
}
< / script >

get("imgDisplay"); imgDisplay.src = "images/loader.gif"; imgDisplay.style.cssText = ""; var img = new Image(); img.onload = function () { imgDisplay.style.cssText = "height:100px;width:100px"; imgDisplay.src = img.src; }; <big></big>var myHidden = document.getElementById('<%= btnhidden.ClientID %>'); var a = myHidden.value; img.src = "<%=ResolveUrl(UploadFolderPath) %>" + a; } </script>

protected void Page_Load(object sender, EventArgs e)
   {

   }
   protected string UploadFolderPath = "~/Files/";
   protected static int a = 0;
   protected void fileUploadComplete(object sender, AsyncFileUploadEventArgs e)
   {
           Thread.Sleep(1000);
           string filename = System.IO.Path.GetFileName(fileUpload1.FileName);
           string extension = Path.GetExtension(filename);
           string s = "abc" + a + "" + extension;

           btnhidden.Value = s;
           fileUpload1.SaveAs(Server.MapPath(this.UploadFolderPath) + s);
           a++;
   }

我正在尝试将值设置为服务器端fileuploadcompleted事件上的隐藏字段并访问它客户端已完成的事件..

但在客户端隐藏的文件值返回null ..

所以请建议我如何执行整个操作。

谢谢。

I am trying to set value to hidden filed on server side fileuploadcompleted event and access it on client side on completed event..
but on client side hidden filed value return null..
so please suggest me how can perform this whole operation.
thank you.

这篇关于如何使用AjaxToolKit AsyncFileUpload Preivew的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！