Update-Panel-refresh auf code-behind-Funktion aufrufen, die in C# - Ajax

Ich bin mit Uploadify v2.1.4 zum hochladen von Bildern verwenden ASP.Net C# FM 4.0.

In dieser Seite habe ich andere Steuerelemente auch, aber ich möchte eine Funktion in einer solchen Weise, dass, wenn ich Bilder hochladen Sie es automatisch aktualisieren soll, die UpdatePanel1 zu zeigen Bild hochgeladen

Standard.aspx-DATEI

<asp:UpdatePanel ID="UpdatePanel1" runat="server" >
   <ContentTemplate>                                 
        <asp:DataList ID="DataList1" runat="server" DataSourceID="SqlDataSource1" RepeatDirection="Horizontal" >
            <ItemTemplate>
                <br /><img src='http://test.kashmirsouq.com/ImageUploads/<%# Eval("ImageID") %>' width="100px" height="100px"   vspace="2" hspace="2" border="1" />
                <br /><asp:LinkButton ID="lnkBtnDeleteImage" CommandArgument='<%# Eval("sno") %>' CommandName="Delete" runat="server">
         Delete</asp:LinkButton>
        <br />
            </ItemTemplate>
        </asp:DataList>
        <asp:SqlDataSource ID="SqlDataSource1" runat="server" 
            ConnectionString="<%$ ConnectionStrings:SQLConnectionString %>" 
            SelectCommand="SELECT [sno], [ImageID] FROM [User_Images]">
        </asp:SqlDataSource>
 </ContentTemplate>
</asp:UpdatePanel>

Seite Beispiel ist hier test.kashmirSouq.com

Rufe ich FileUplaad.aspx-Datei zum upload von Bildern mit jQuery -

<script type="text/javascript">
        $(document).ready(function () {
            $('#fuFiles').uploadify({
                'uploader': 'Scripts/uploadify.swf',
                'script': 'FileUploads.aspx',
                'cancelImg': 'Scripts/cancel.png',
                'auto': 'true',
                'multi': 'true',
                'fileExt': '*.jpg;*.gif;*.png',
                'buttonText': 'Browse...',
                'queueSizeLimit': 5,
                'simUploadLimit': 2
            });
        });

</script>

und in FileUpload.aspx.cs-Datei, die ich speichern Sie die Datei auf den server und die Datenbank,
Ich brauche einen Weg, so dass ich aktualisieren kann, die updatepanel1 von Funktion saveData (), die sich in FileUpload.aspx.cs

protected int saveData()
{
            String strSql = "INSERT INTO HMS_User_Images(ImageID,UserID,ImageCreationDate) ";
            strSql += " VALUES ('" + filename + "','123456789', '" + DateTime.Now + "')";
            int result = DataProvider.intConnect_Select(strSql);
}

So, wenn ich Bilder hochladen es sollte aktualisiert werden machen teilweise Seite aktualisieren des Rasters. Bitte geben Sie mir ein Beispiel wie ich es machen kann, mit C#

Bitte um Rat wie kann ich dieses code-Beispiel wäre sehr dankbar.

Hinsichtlich

InformationsquelleAutor Student | 2011-11-05
  1. 1

    Versuchen, indem Sie dem Bild mit der Antwort, nachdem die Onupload complete-Ereignis.So, wenn der Benutzer, sobald er den uploads finden Sie das Bild.

    Dies ist das Skript:

    <script type="text/javascript">
    $(window).load(
function () {
    $("#fileInput1").uploadify({
        'uploader': 'scripts/uploadify.swf',
        'cancelImg': 'images/cancel.png',
        'buttonText': 'Browse Files',
        'script': 'Upload.aspx',
         'folder': 'uploads',
        'fileDesc': 'Image Files',
        'fileExt': '*.jpg;*.jpeg;*.gif;*.png',
        'queueSizeLimit': 9999,
        'simUploadLimit': 2,
        'sizeLimit': 4000000,
        'multi': true,
        'auto': true,
        'onComplete': function (event, queueID, fileObj, response, data) {
            $("#thumbnail").append(response)
        },

        'onError': function (event, ID, fileObj, errorObj) {
            alert(errorObj.type + ' Error: ' + errorObj.info);
        }


    });
    }
    );

</script>

    Dies ist der Handler:

    <%@ WebHandler Language="VB" Class="UploadVB" %>

Imports System
Imports System.Web
Imports System.IO
Imports System.Drawing
Public Class UploadVB : Implements IHttpHandler

    Public Sub ProcessRequest(ByVal context As HttpContext) Implements IHttpHandler.ProcessRequest

        Dim postedFile As HttpPostedFile = context.Request.Files("Filedata")

        Dim savepath As String = ""
        Dim tempPath As String = ""
        tempPath = System.Configuration.ConfigurationManager.AppSettings("FolderPath")
        savepath = context.Server.MapPath(tempPath)
        Dim filename As String = postedFile.FileName
        If Not Directory.Exists(savepath) Then
            Directory.CreateDirectory(savepath)
        End If
        If Not Directory.Exists(savepath + "\thumbs") Then
            Directory.CreateDirectory(savepath + "\thumbs")
        End If


        postedFile.SaveAs((savepath & "\") + filename)
        Dim fullImage As System.Drawing.Image = New System.Drawing.Bitmap((savepath & "\") + filename)

        Dim newWidth As Integer = 100
        Dim newHeight As Integer = 80

        Dim temp As New Bitmap(newWidth, newHeight)
        Dim newImage As Graphics = Graphics.FromImage(temp)
        newImage.DrawImage(fullImage, 0, 0, newWidth, newHeight)
        temp.Save((savepath + "\thumbs" & "\") + "t_" + filename)

        context.Response.Write("<a href='" + (tempPath & "/") + filename + "'><img src='" + tempPath + "/thumbs" & "/" + "t_" + filename + "'/></a>")
        context.Response.StatusCode = 200
        'context.Response.Write("OK")

    End Sub

    Public ReadOnly Property IsReusable() As Boolean Implements IHttpHandler.IsReusable
        Get
            Return False
        End Get


       End Property

End Class

    In dem obigen code, den Sie finden können thumbnails angehängt, sobald sich der Nutzer-uploads, finden Sie eine Miniaturansicht des Bildes.

    • Danke, ich bin neu auf all dies können Sie mir ein Beispiel, basierend auf dem obigen code würde schätzen, dass
    • Ich veränderte den code und hoffe es hilft dir!
    InformationsquelleAutor coder
  2. 2

    Wenn Sie möchten, aktualisieren Sie die Update-panel , Versuchen, Diese...

    UpdatePanel1.Update();

    Wenn die Seite aktiviert ist, für die partial-page-rendering, wenn Sie aufrufen
    Update-Methode des UpdatePanel-Steuerelements Inhalt wird aktualisiert und in der
    browser. Rufen Sie die Update-Methode, wenn Sie server-code, muss
    ausführen, um zu bestimmen, ob ein UpdatePanel-Steuerelement aktualisiert werden soll.
    Wenn Sie planen, verwenden Sie die Update-Methode verwenden, legen Sie die-Eigenschaft auf "UpdateMode"
    Bedingten. Wenn Sie wollen, dass die Entscheidung zur Aktualisierung der Systemsteuerung um
    bestimmt in der server-Logik, stellen Sie sicher, dass die ChildrenAsTriggers
    Eigenschaft false ist, und dass keine expliziten Trigger definiert sind, die für die
    panel.

    In einer typischen Seite Entwicklung Szenario, wenn Sie definieren, Triggern, oder wenn
    die Eigenschaft ChildrenAsTriggers gilt für das UpdatePanel-Steuerelement,
    die Update-Methode wird automatisch aufgerufen, während der Lebenszyklus der Seite.

    Wenn das ContentTemplate Eigenschaft ist nicht definiert für das UpdatePanel
    Kontrolle, keine updates der Platte auftreten.

    • Mayur Borad Wie kann ich definieren, "UpdatePanel1.Update();" in FileUpload.aspx-Seite als meine eigentliche UpdatePanel1 ist auf Default.aspx, können Sie mir bitte ein code Beispiel
    InformationsquelleAutor Mayur Borad
Schreibe einen Kommentar