---
title: "Förhandsvisa bild i jquary modal fönster"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/192605-förhandsvisa-bild-i-jquary-modal-fönster"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Asa"
published: "2015-02-16T20:47:59.000Z"
updated: "2015-02-17T16:40:17.000Z"
replies: 2
views: 1215
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/192605-förhandsvisa-bild-i-jquary-modal-fönster"
---

# Förhandsvisa bild i jquary modal fönster

## #1 — Asa, 2015-02-16T20:47Z

Finns det någon möjlighet att via ett formulär få att när man fyllt i allt och klickar på Preview få all information i en typ jquery popup med förhandsvisning av bilden också med ex detta:

```
<fieldset>
	<legend>My form</legend>
	<dl>
		<dt><label for="name">Name:</label></dt>
		<dd><input type="text" id="name" name="name" /></dd>
	</dl>
	<dl>
		<dt><label for="name">Subject:</label></dt>
		<dd><input type="text" id="subject" name="subject" /></dd>
	</dl>
	<dl>
		<dt><label for="name">Text:</label></dt>
		<dd><textarea id="text" name="text" rows="5" cols="60"></textarea></dd>
	</dl>
	<dl>
		<dt><label for="name">Image:</label></dt>
		<dd><input type="file" id="img1" name="img1" /></dd>
	</dl>
</fieldset>
<fieldset class="action">
	<input type="button" value="Preview" id="previewbutton" />
	<input type="submit" value="Send" />
</fieldset>
```

Har hittat denna men finns ej med file upload och verkar ej kunna hämta ut länk till temporära bilden. <http://kau-boys.com/137/web-development/form-preview-with-jquery-thickbox>

Permalänk: https://www.webforum.nu/p/192605

## #2 — Asa, 2015-02-17T11:24Z

Så som blocket har när de ska förhandsvisa sin annons är jag alltså ute efter.

Permalänk: https://www.webforum.nu/p/2318310

## #3 — voigtann1, 2015-02-17T16:40Z

beror på vad för webbläsarstöd du vill, XHR2 objektet klarar av att ladda upp filer till servern, annars få du hitta en flash komponent som gör detta med deras XHR hantering. 

Sen är det bara att bygga response HTML med preview bilden och presentera den i thickbox(eller någon annnan modal plugin).

Permalänk: https://www.webforum.nu/p/2318311

---

Tråden på webben: https://www.webforum.nu/amne/javascript/192605-förhandsvisa-bild-i-jquary-modal-fönster