Por uma questão de registro, ele pode ser usado no futuro, e colegas taoístas em necessidade também podem usá -lo.
Não, primeiro na renderização
O exposto acima são as representações. Você pode mudar a imagem no canto superior direito sozinho. Não vou colocar o material de imagem, então adicionarei o código. É bastante simples, CSS e JS. Os iniciantes devem entender isso.
</pre> <pré -nome = código class = html> <! Doctype html public -// w3c // dtd xhtml 1.0 transitório // en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd> xmlns = http: //www.w3.org/1999/xhtml> <head> <meta http-equiv = content-type content = text/html; charset = utf-8/> <title> unt titulado documento </title> <style type = text/css> .divx {z-index: 200; -Moz-Border-Radius: 20px; -Webkit-Border-Radius: 20px; altura da linha: 10px; Alinhamento de texto: centro; Peso da fonte: negrito; Cursor: Ponteiro; Size da fonte: 10px; Exibir: Nenhum;} </style> </ad Head> <body> <formulário ID = Form Style = Margin-top: 20px;> <div ID = img_div_1> <Tipo de entrada = ID do arquivo = FILE_INPUT οNCHANGE = addfile (this); style = display: Nenhum /> <Div Style = Position: relativamente; altura = 65/> </div> <div class = divx id = img_zindex_div_1 οnClick = del ()> <img src = n.png width = 16 altura = 16/> </div> </forma addfile (ths) {var objurl = getObjecturl (ths.Files [0]); var de esquerda = $ ('#file_img'). POSICIONAL (). esquerda; var top = $ ('#file_img'). }); $ ('#file_img'). att (src, objurl);} função del () {alert (delete);} função getObjecturl (file) {var url = null; if (window.createObjecturl! = indefinido) {// Basicurl = window.createObjecturl (file);} else if (window.url! window.webkiturl.createObjecturl (arquivo);} retornar url;} </sCript> </html>Faça isso. O trabalho terminou. Copie o código e substitua o material da imagem e você pode usá -lo diretamente
saia do trabalho. Deixar
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Reabastecer. Já que a esquerda é 0
Pegue de outra maneira
var objurl = getObjectURL (ths.Files [0]); var de esquerda = $ ('#file_img'). offset (). esquerda; var top = $ ('#file_img'). Offset (). top; // esquerda é a distância mais à esquerda da imagem padrão. A imagem adicionada pode ser usada de acordo com a largura da imagem padrão - exclua a largura da imagem da camada (ou seja, a largura da imagem padrão atual é 75, a largura da imagem da camada de exclusão é 16, esquerda = 75 - 16, a posição pode atingir o lado direito da imagem! O mesmo é verdadeiro para o topo) ('#img_ziDex_iv_iv_iv_11. TOP - 5, exibição: bloco}); ResumirEste é o artigo sobre HTML+CSS que implementa o canto superior direito da imagem com um botão de exclusão de exclusão e exclusão de imagem. Para obter mais imagens HTML relacionadas com conteúdo excluído, procure artigos anteriores do Wulin.com ou continue navegando nos artigos relacionados abaixo. Espero que todos apoiem o Wulin.com no futuro!