Ради записи, он может использоваться в будущем, и его нуждающиеся коллеги -даосы также могут использовать его.
Нет, сначала на рендеринге
Вышеуказанное визуализация. Вы можете изменить картину в правом верхнем углу самостоятельно. Я не буду наносить на него материал изображения, поэтому я просто добавлю код. Это довольно просто, CSS и JS. Новички должны понимать это.
</pre> <pre name = code class = html> <! doctype html public -// w3c // dtd xhtml 1.0 transitional // en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd><html1/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 название документа </title> <style type = text/css> .divx {z-index: 200; -Моз-грамотный радий: 20px; -Вебкит-грамотный радий: 20px; высота линии: 10px; Текст-альбом: Центр; шрифт-вес: жирный шрифт; курсор: указатель; размер шрифта: 10px; дисплей: none;} </style> </head> <body> <form id = form style = margin-top: 20px;> <div id = img_div_1> <input type = file id = file_input onchange = addfile (this); style = display: none /> <div style = позиция: относительно;> <img id = file_img src = add_img.png width = 75 οnclick = file_input.click (); height=65 /> </div> <div class=divX id=img_zindex_div_1 οnclick=del()> <img src=no.png width=16 height=16 /> </div> </form></body><script src=jquery-1.7.2.js type=text/javascript></script><script type=text/javascript>function addfile (ths) {var objurl = getObjectUrl (ths.files [0]); var left = $ ('#file_img'). Position (). слева; var top = $ ('#file_img'). Position (). Top; $ ('#img_zindex_div_1'). }); $ ('#file_img'). attr (src, objurl);} function del () {alert (delete);} function getObjecturl (file) {var url = null; if (window.createObjectUrl! = undefined) {// basicURL = window.createObjectUrl (файл);} else if (window.url! = undefined) {// mozilla (firefox) url = window.url.createobjecturl (file); is else (window.webkitUrl! window.webkiturl.createobjecturl (file);} return url;} </script> </html>Сделать это. Работа закончилась. Скопируйте код и замените материал изображения, и вы можете использовать его напрямую
Выйти с работы. Оставлять
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------. ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------.
Пополнить. Поскольку слева 0
Получите это по -другому
var objurl = getObjectUrl (ths.files [0]); var Left = $ ('#file_img'). offset (). слева; var top = $ ('#file_img'). offset (). top; // левое - это левое расстояние от изображения по умолчанию. Добавленное изображение можно использовать в соответствии с шириной изображения по умолчанию - удалить ширину изображения слоя (то есть текущая ширина изображения по умолчанию составляет 75, ширина изображения удаляемого слоя составляет 16, левая = 75 - 16, положение может достичь самой правой стороны изображения! То же самое верно для вершины) $ ('#img_zindex_div_1'). Верх: Верх - 5, дисплей: блок}); СуммироватьЭто статья о HTML+CSS, которая реализует верхний правый угол изображения с помощью кнопки удаления удаления и удаления изображения. Для получения дополнительных связанных изображений HTML с удаленным контентом, пожалуйста, найдите предыдущие статьи с wulin.com или продолжайте просматривать соответствующие статьи ниже. Я надеюсь, что все будут поддерживать wulin.com в будущем!