Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Dell

Upload com preview antes do envio

Recommended Posts

Venho tentando já algum tempo montar um preview da imagem antes de ser enviada via upload. Já conseguir dois códigos que funcionam tanto no FF como no IE.Meu problema é que preciso fazer isso rodar em ASP e não em HTM.Esse código funciona perfeito em HTM mas quando coloco comandos em asp tipo response.write nada acontece.Não consigo entender????????Porque não funciona??????

<%response.Write "<script language=""JavaScript"" type=""text/JavaScript"">"&VBCRlf &_ "function preview(thisImg,thisObj)"&VBCRlf &_ "{"&VBCRlf &_ "var filename = """";"&VBCRlf &_ "var nothing = """";"&VBCRlf &_ "filename = ""file:\/\/""+thisObj.value;"&VBCRlf &_ "var fileExtension"&VBCRlf &_ "filename.substring(filename.lastIndexOf(""."")+1);"&VBCRlf &_ "thisImg.src=""file:\/\/""+thisObj.value;"&VBCRlf &_ "}"&VBCRlf &_ "</script>"response.write "<form name=""form2"" method=""post"" enctype=""multipart/form-data"">"&VBCRlf &_"<img src=images/default.gif name=myimga width=100 height=8 border=0>"&VBCRlf &_ "<INPUT NAME=""upfile"" TYPE=""file"" SIZE=""80"" ONchange=""preview(myimga,upfile);"">"&VBCRlf &_ "<INPUT NAME=""upload"" TYPE=""submit"" VALUE=""Upload"">"&VBCRlf &_ "</form>"%>

Esse abaixo é outro que venho tentando também, funciona mas quando entra o código em ASP nada acontece.Do jeito que está abaixo funciona, mas como passo isso para interpretar dentro de uma página em asp.Meu problema é que não posso interromper o asp (%>) e depois abrir novamente (<%).

<script>function preview(){ field = document.getElementById( 'upload' ).value; image = document.getElementById( 'previewIMG' ); path = 'file://'+ field; path = path.replace(/\\/, '/'); image.src = path; image.style.display = 'block'; //alert(image.width +"-"+ image.height); if(image.width > image.heigth) { //paisagem image.style.width = "100px"; image.style.height = "75px"; } else { //retrato image.style.width = "75px"; image.style.height = "100px"; }}</script><input type="file" name="upload" id="upload" onchange="preview()"; /><br /><br /><img id="previewIMG" style="display:none;" />

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.