none
Upload RRS feed

  • Discussão Geral

  • Boa tarde!

    Tenho um JavaScript com ASP.NET para fazer upload.

    A pagina que estou usando é perfil.aspx, que tem o javascript:

        <script type="text/javascript">
            $(document).ready(function() {
                abrir();
            });
    
            function abrir() {
                var baseURL2 = window.location.href.split('/');
                var baseURL = "";
                for (i = 0; i < baseURL2.length - 1; i++) {
                    baseURL += baseURL2[i];
                    baseURL += "/";
    
                }
    
                $('#fuFiles').uploadify({
                    'uploader': 'App_Scripts/Upload/uploadify.swf',
                    'script': 'App_Scripts/Upload/FileUploads.aspx',
                    'cancelImg': 'App_Scripts/Upload/cancel.png',
                    'auto': 'true',
                    'buttonImg': 'Imagens/btn-inserir.gif',
                    'queueSizeLimit': 1,
                    'simUploadLimit': 1,
                    'folder': 'http://www.atiptenis.com.br/SabtechPME_Imagens/Perfil/Fotos', /*'App_Scripts/Upload/Imagens', */
                    'onComplete': function(event, ID, fileObj, response, data) {
                        $("#ImgFoto").attr("src", $(response).contents().find("#Teste").text());
                        $('#ctl00_ContentPlaceHolder3_TabContainer1_TabPanel2_codigo').val($(response).contents().find("#codigo").text());
                        $('#ctl00_ContentPlaceHolder3_TabContainer1_TabPanel2_imagem').val($(response).contents().find("#Teste").text());
                    }
                });
    
                if ($('#ctl00_ContentPlaceHolder3_TabContainer1_TabPanel2_imagem').val() != "") {
                    $("#ImgFoto").attr("src", $('#ctl00_ContentPlaceHolder3_TabContainer1_TabPanel2_imagem').val());
                } else { $("#ImgFoto").attr("src", "Imagens/Perfil_Foto_Tenista.jpg"); }
            }
        </script>
    

    Código HTML:

                                                        <table>
                                                            <tr>
                                                                <td>
                                                                    <asp:Label ID="LblFoto" runat="server" CssClass="texto_corpri_11_bold" Text="Foto:"></asp:Label>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                        <table>
                                                            <tr>
                                                                <td>
                                                                    <table>
                                                                        <tr>
                                                                            <td style="width: 100%;" valign="top">
                                                                                <span style="font-size: 10px;" class="AchadoPerdido_Labels">Formato aceito: JPG. Tamanho
                                                                                    máximo por arquivo: 2MB</span>
                                                                            </td>
                                                                        </tr>
                                                                    </table>
                                                                    <asp:UpdatePanel ID="UpdatePanel178" runat="server">
                                                                        <ContentTemplate>
    
                                                                            <script type="text/javascript">
                                                                                var prm = Sys.WebForms.PageRequestManager.getInstance();
                                                                                prm.add_endRequest(function() {
                                                                                    abrir();
                                                                                });
                                                                            </script>
    
                                                                            <table>
                                                                                <tr valign="top">
                                                                                    <td style="padding-top: 0px; text-align: right; width: 122px;" height="234px">
                                                                                        <img id="ImgFoto" runat="server" src="Imagens/Perfil_Foto_Tenista.jpg" style="width: 200px;
                                                                                            height: 234px;" />
                                                                                    </td>
                                                                                    <td align="left" width="100%" style="padding-top: 0px; padding-left: 10px;" valign="top">
                                                                                        <div id="fuFiles">
                                                                                        </div>
                                                                                        <asp:HiddenField ID="txtX" runat="server" />
                                                                                        <asp:HiddenField ID="txtY" runat="server" />
                                                                                        <asp:HiddenField ID="txtW" runat="server" />
                                                                                        <asp:HiddenField ID="txtH" runat="server" />
                                                                                        <asp:HiddenField ID="codigo" runat="server" />
                                                                                        <asp:HiddenField ID="imagem" runat="server" />
                                                                                    </td>
                                                                                </tr>
                                                                            </table>
                                                                        </ContentTemplate>
                                                                    </asp:UpdatePanel>
                                                                </td>
                                                            </tr>
                                                        </table>
    

    tem uma pagina asp. chamada FileUploads que é acionada quando clica no botao upload:

    <%@ Page Language="vb" AutoEventWireup="false" CodeBehind="FileUploads.aspx.vb" Inherits="ATIP.FileUploads" %>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1" runat="server">
        <title></title>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
            <asp:Label ID="Teste" runat="server" Text=""></asp:Label>
            <asp:Label ID="codigo" runat="server" Text=""></asp:Label>
        </div>
        </form>
    </body>
    </html>
    

    codigo vb.net na pagina fileuploads

        Protected Sub Page_Load1(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
            Dim t As String = Me.Request.QueryString("dimensoes")
            Dim imagem As String = "C:\inetpub\vhosts\atiptenis.com.br\httpdocs\SabtechPME_Imagens\Perfil\Fotos\" & Me.Request.QueryString("imagem")
            Dim uploads As HttpPostedFile = Request.Files("FileData")
            Dim file As String = ""
            Dim sImgFile As String = "C:\inetpub\vhosts\atiptenis.com.br\httpdocs\SabtechPME_Imagens\Perfil\Fotos\"
            Dim codigo As String = F_CodigoAletorio(1, 999999, 20, False)
            Dim strNomeImagem As String
            Dim strSalvarImagem = ""
            Dim strExtensao As String
            Dim strPathWeb As String = "http://www.atiptenis.com.br/SabtechPME_Imagens/Perfil/Fotos/"
            Dim Arquivo_Nome As System.Text.StringBuilder
            Dim Arquivo_Caminho As String = ""
            Dim Arquivo_Extensao As String = ""
    
            If (Not (t) Is Nothing) Then
                'If (t.Split("|")(0) = "S") Then
                '    F_Salvar(Convert.ToInt32(t.Split("|")(1)), Convert.ToInt32(t.Split("|")(2)), Convert.ToInt32(t.Split("|")(3)), Convert.ToInt32(t.Split("|")(4)), imagem)
                'End If
            Else
                If (Not (uploads) Is Nothing) Then
    
                    Try
                        Arquivo_Nome = New System.Text.StringBuilder
                        file = System.IO.Path.GetFileName(uploads.FileName)
                        If Me.PlaFun Is Nothing Then Me.PlaFun = New Plataforma.BibPublico.ClaFuncoes
                        Me.PlaFun.F_Arquivo_Caminho_Nome_Extensao(file, Arquivo_Caminho, "", Arquivo_Extensao, False, False, False)
                        Arquivo_Nome.Append("Pessoa_Perfil_Foto_")
                        Arquivo_Nome.Append(Me.Application("Usuario"))
                        Arquivo_Nome.Append(".")
                        Arquivo_Nome.Append(Arquivo_Extensao)
    
                        If Not Directory.Exists("C:\inetpub\vhosts\atiptenis.com.br\httpdocs\SabtechPME_Imagens\Perfil\Fotos\") Then
                            Directory.CreateDirectory("C:\inetpub\vhosts\atiptenis.com.br\httpdocs\SabtechPME_Imagens\Perfil\Fotos\")
                        End If
    
                        uploads.SaveAs("C:\inetpub\vhosts\atiptenis.com.br\httpdocs\SabtechPME_Imagens\Perfil\Fotos\" & Arquivo_Nome.ToString)
                        Me.Teste.Text = "http://www.atiptenis.com.br/SabtechPME_Imagens/Perfil/Fotos/" & Arquivo_Nome.ToString
                    Catch ex As Exception
                    End Try
                End If
            End If
        End Sub
    
    esta tudo quase funcionando, a unica coisa que nao esta dando certo é recuperar a URL da imagem e mostrar no componente IMG, o que deveria ocorrer atravez do label teste.

    o que esta ocorrendo, alguem pode me ajudar?

    Obrigado!

    • Tipo Alterado Marcos SJ quinta-feira, 18 de fevereiro de 2016 16:22 Threads de "How to" serão modificadas para discussão geral
    quarta-feira, 17 de fevereiro de 2016 18:08

Todas as Respostas

  • Olá DaviSaba,

    Qual seria o erro/problema que está fazendo com que a recuperação da URL da imagem não dê certo?

    Atenciosamente


    Marcos SJ

    Esse conteúdo e fornecido sem garantias de qualquer tipo, seja expressa ou implícita

    MSDN Community Support

    Por favor, lembre-se de Marcar como Resposta as postagens que resolveram o seu problema. Essa é uma maneira comum de reconhecer aqueles que o ajudaram e fazer com que seja mais fácil para os outros visitantes encontrarem a resolução mais tarde.

    quarta-feira, 17 de fevereiro de 2016 18:56
  • Marcos, tudo bem?

    Se analisar esse codigo abaixo, ve que tem um javascript que recupera o o texto do label teste, mas pelo que percebi passa pelo javascript quando ocorre o load da pagina, mas nao quando eu clico em inserir a imagem. Percebi isso porque coloquei um alert no codigo para ver.

               $('#fuFiles').uploadify({
                    'uploader': 'App_Scripts/Upload/uploadify.swf',
                    'script': 'App_Scripts/Upload/FileUploads.aspx',
                    'cancelImg': 'App_Scripts/Upload/cancel.png',
                    'auto': 'true',
                    'buttonImg': 'Imagens/btn-inserir.gif',
                    'queueSizeLimit': 1,
                    'simUploadLimit': 1,
                    'folder': 'http://www.atiptenis.com.br/SabtechPME_Imagens/Perfil/Fotos', /*'App_Scripts/Upload/Imagens', */
                    'onComplete': function(event, ID, fileObj, response, data) {
                        $("#ImgFoto").attr("src", $(response).contents().find("#Teste").text());
                        $('#ctl00_ContentPlaceHolder3_TabContainer1_TabPanel2_codigo').val($(response).contents().find("#codigo").text());
                        $('#ctl00_ContentPlaceHolder3_TabContainer1_TabPanel2_imagem').val($(response).contents().find("#Teste").text());
                    }
                });
    
                if ($('#ctl00_ContentPlaceHolder3_TabContainer1_TabPanel2_imagem').val() != "") {
                    $("#ImgFoto").attr("src", $('#ctl00_ContentPlaceHolder3_TabContainer1_TabPanel2_imagem').val());
                } else { $("#ImgFoto").attr("src", "Imagens/Perfil_Foto_Tenista.jpg"); }
            }

    quarta-feira, 17 de fevereiro de 2016 18:59
  • Então não se trata de um erro necessariamente. É algo que você não conseguiu desenvolver em seu código. Correto?

    Marcos SJ

    Esse conteúdo e fornecido sem garantias de qualquer tipo, seja expressa ou implícita

    MSDN Community Support

    Por favor, lembre-se de Marcar como Resposta as postagens que resolveram o seu problema. Essa é uma maneira comum de reconhecer aqueles que o ajudaram e fazer com que seja mais fácil para os outros visitantes encontrarem a resolução mais tarde.

    quarta-feira, 17 de fevereiro de 2016 19:38
  • Marcos bom dia, tudo bem?

    Sim, esta tudo funcionando, o upload é realizado, ja testei e tudo ocorre certinho, porem nao consigo retornar a url da imagem para o objeto IMG para atualizar a foto quando o usuario faz o upload.

    Agradeço o interesse!

    quinta-feira, 18 de fevereiro de 2016 11:55
  • Consegui, porem agora estou com outro problema.

    O que estava ocorrendo é que adicionei a tag runat="server" para poder alterar a imagem pelo codigo, assim parou de funcionar pelo javascript.

    Tirando funcionou, mas agora eu nao consigo alterar a imagem pelo codigo.

    Ja tentei algumas opções:

    Script_Java = "$('#ImgFoto').attr('src', '" & Me.PlaFun.F_Get_Dados_DataReader_String(SqlDR, "Foto") & "')"

    ScriptManager.RegisterClientScriptBlock(Me, Me.Page.GetType, "", Script_Java, True)

    ou

    Script_Java = "document.getElementById('#ImgFoto').src = '" & Me.PlaFun.F_Get_Dados_DataReader_String(SqlDR, "Foto") & "'" ScriptManager.RegisterClientScriptBlock(Me, Me.Page.GetType, "", Script_Java, True)

    Nao consegui.

    quinta-feira, 18 de fevereiro de 2016 16:17