Comment montrer locale de l'image dans la page web?

J'ai besoin de montrer une image sur la page web sans téléchargement. quelque chose comme

 <img id="RuPic" src="file://localhost/D:/folder/image.jpg"/>

Comment faire?

Il suffit de retirer le localhost/ et vous devriez être bon d'aller.
le navigateur de l'accès au client de disque D:?
yup, dans le contexte d'une image, cela devrait fonctionner correctement. (Autant que je me souvienne, il y a des restrictions en place locale des iframes pour des raisons de sécurité et, bien sûr, vous pouvez ne jamais analyser les documents locaux, en raison de la Même Origine - mais les images doivent être d'accord.)
Cela ne fonctionnera que si la page web est enregistré localement. La plupart des navigateurs ne pas laisser une distance page web incorporer un fichier local.
Je me tiens à corriger: Le dernier Chrome, FF et IE en effet bloquer les images provenant de sources locales (FF depuis 1.5). @Artem cela ne semble plus possible.

OriginalL'auteur Artem | 2011-02-05

html

4

Reliant à l'image des fichiers à partir de HTML à distance de fichiers utilisé pour être possible, mais n'est plus.
- Dans Firefox depuis la version 1.5 (en arrière-plan et les options de configuration ici)
- Dans Internet Explorer je pense depuis la Version 8 (je crois que j'ai réussi à faire cela dans IE 7, mais je ne le trouve pas dur de données)
- Dans google Chrome, probablement depuis toujours
Voir, par exemple, cette vulnérabilité pourquoi c'est une bonne chose.

Je ne pense pas qu'il y est une solution de contournement. Vous n'avez qu'à télécharger l'image première.

OriginalL'auteur Pekka 웃

Vous devez faire un moyen de répondre à des demandes de fichiers et de transférer vos fichiers à proximité de source de votre projet. faites ensuite votre adressage relatif. C'est mon code qui fonctionne très bien pour moi:

package ir.cclever.example;
import java.awt.List;
import java.io.BufferedReader;
import java.io.DataOutputStream;
import java.io.File;
import java.io.FileInputStream;
import java.io.FileNotFoundException;
import java.io.IOException;
import java.io.InputStreamReader;
import java.io.OutputStream;
import java.io.PrintWriter;
import java.net.ServerSocket;
import java.net.Socket;
import java.util.ArrayList;
import java.util.Date;
import java.util.regex.Matcher;
import java.util.regex.Pattern;
public class WellCloseWebServer {
public class clientInfo{
public String ip;
public Date visitTime;
}
static ArrayList<clientInfo> clients = new ArrayList<clientInfo>();
public  void start() throws IOException {
ServerSocket listener = new ServerSocket(8181,1000);
System.out.println("Webserver starting up on port 8181");
System.out.println("Waiting for connection");
//==========================regex
String pathRegex = "(?<=GET /).+?(?= HTTP)";
Pattern pathPattern = Pattern.compile(pathRegex);
//==========================/regex
try {
while (true) {
Socket socket = listener.accept();
BufferedReader in = new BufferedReader(new InputStreamReader(socket.getInputStream()));
String wholeRequest = "";
String line;
String requestHeaders = in.readLine();
wholeRequest = wholeRequest.concat(requestHeaders + "\n<br>");
while(!(line = in.readLine()).equals("")){
wholeRequest = wholeRequest.concat(line + "\n<br>");
}
wholeRequest = wholeRequest.concat("\n<br/>\n<br/>\nClient IP Address : " + socket.getRemoteSocketAddress().toString());
wholeRequest = wholeRequest.concat("\n<br/>\n<br/>\nClient Opened Port : " + ((Integer)socket.getPort()).toString());
clientInfo newClient = new clientInfo();
newClient.ip = socket.getRemoteSocketAddress().toString();
newClient.visitTime = new Date();
clients.add(newClient);
Matcher pathMatcher = pathPattern.matcher(requestHeaders);
Boolean anyPath = pathMatcher.find();
System.out.println("Connection, sending data to request : " + requestHeaders);
try {
PrintWriter out = new PrintWriter(socket.getOutputStream(), true);
DataOutputStream dos = new DataOutputStream(socket.getOutputStream());
if (!anyPath) {
JustHello(out);
}
else {
String directory = pathMatcher.group();
System.out.println(directory);
if (directory.toString().equals("pic")) {
JustPic(out);
}
else if(directory.toString().startsWith("server/")){
getFile(directory,dos,true);
}
else if(directory.toString().endsWith("jpg")){
getFile(directory,dos,false);
}
else if(directory.toString().equals("my.aspx")){
mirror(out,wholeRequest);
}
else if(directory.toString().equals("clients.html")){
WholeClients(out);
}
else{
errorPage(out);
}
}
} catch (Exception e) {
//TODO Auto-generated catch block
e.printStackTrace();
} finally {
socket.close();
}
}
}
finally {
listener.close();
}
}
private void InvalidRequestMethod(PrintWriter out, String string) {
//TODO Auto-generated method stub
out.println("HTTP/1.0 404 NOT FOUND");
out.println("Content-Type: text/html");
out.println("Server: Bot");
//this blank line signals the end of the headers
out.println("");
out.flush();
//Send the HTML page
out.print("<!DOCTYPE html>\n<html>\n<head>\n<title>Just GET</title>\n<meta charset=\"UTF-8\">\n</head>\n<body>\nInvalid request mehtod! : "+ string +"\n</body>\n</html>");
out.flush();
}
private void errorPage(PrintWriter out) {
//TODO Auto-generated method stub
out.println("HTTP/1.0 404 NOT FOUND");
out.println("Content-Type: text/html");
out.println("Server: Bot");
//this blank line signals the end of the headers
out.println("");
out.flush();
//Send the HTML page
out.print("<!DOCTYPE html>\n<html>\n<head>\n<title>Error 404 NOT FOUND!</title>\n<meta charset=\"UTF-8\">\n</head>\n<body>\nContent not found on server!\n</body>\n</html>");
out.flush();
}
private void WholeClients(PrintWriter out) {
//TODO Auto-generated method stub
out.println("HTTP/1.0 200 OK");
out.println("Content-Type: text/html");
out.println("Server: Bot");
//this blank line signals the end of the headers
out.println("");
out.flush();
//Send the HTML page
out.print("<!DOCTYPE html>\n<html>\n<head>\n<title>Whole Clients</title>\n<meta charset=\"UTF-8\">\n</head>\n<body>\n");
Integer i=0;
for (clientInfo item : clients) {
i++;
out.print("<br/>\n"+i.toString()+") ip : " + item.ip + " | visit time : " + item.visitTime.toString());
}
out.print("\n</body>\n</html>");
out.flush();
}
private void mirror(PrintWriter out, String requestHeaders) {
//TODO Auto-generated method stub
out.println("HTTP/1.0 200 OK");
out.println("Content-Type: text/html");
out.println("Server: Bot");
//this blank line signals the end of the headers
out.println("");
out.flush();
//Send the HTML page
out.print("<!DOCTYPE html>\n<html>\n<head>\n<title>My Info</title>\n<meta charset=\"UTF-8\">\n</head>\n<body>\n" +
requestHeaders.toString() +
"\n</body>\n</html>");
out.flush();
}
private void getFile(String directory, DataOutputStream os, boolean b) {
String CRLF = "\r\n";
//Open the requested file.
String fileName = directory;
FileInputStream fis = null;
boolean fileExists = true;
try {
//(new File(fileName)).mkdirs();
fis = new FileInputStream(fileName);
} catch (FileNotFoundException e) {
fileExists = false;
}
//Construct the response message.
String statusLine = null;
String contentTypeLine = null;
String entityBody = null;
if (fileExists) {
statusLine = "200 OK" + CRLF;
contentTypeLine = "Content-type: " + 
contentType( fileName ) + CRLF;
} else {
statusLine = "404 NOT FOUND" + CRLF;
contentTypeLine = "Content Not Found!" + CRLF;
entityBody = "<HTML>" + 
"<HEAD><TITLE>Not Found</TITLE></HEAD>" +
"<BODY>Not Found</BODY></HTML>";
}
//Send the status line.
try {
if (b) {
os.writeBytes(statusLine);
//Send the content type line.
os.writeBytes(contentTypeLine);
//Send a blank line to indicate the end of the header lines.
os.writeBytes(CRLF);
}
//Send the entity body.
if (fileExists) {
sendBytes(fis, os);
fis.close();
} else {
os.writeBytes("File DNE: Content Not Found!");
}
} catch (IOException e) {
//TODO Auto-generated catch block
e.printStackTrace();
} catch (Exception e) {
//TODO Auto-generated catch block
e.printStackTrace();
}
}
private static String contentType(String fileName) {
if(fileName.endsWith(".htm") || fileName.endsWith(".html")) {
return "text/html";
}
if(fileName.endsWith(".jpeg") || fileName.endsWith(".jpg")) {
return "image/jpeg";
}
if(fileName.endsWith(".gif")) {
return "image/gif";
}
if(fileName.endsWith(".png")) {
return "image/png";
}
if(fileName.endsWith(".js")) {
return "text/javascript";
}
if(fileName.endsWith(".css")) {
return "text/stylesheet";
}
return "application/octet-stream";
}
private static void sendBytes(FileInputStream fis, OutputStream os) 
throws Exception {
//Construct a 1K buffer to hold bytes on their way to the socket.
byte[] buffer = new byte[1024];
int bytes = 0;
//Copy requested file into the socket's output stream.
while((bytes = fis.read(buffer)) != -1 ) {
os.write(buffer, 0, bytes);
}
}
private void JustHello(PrintWriter out) {
//TODO Auto-generated method stub
out.println("HTTP/1.0 200 OK");
out.println("Content-Type: text/html");
out.println("Server: Bot");
//this blank line signals the end of the headers
out.println("");
out.flush();
//Send the HTML page
out.print("<!DOCTYPE html>\n<html>\n<head>\n<title>Just Hello</title>\n<meta charset=\"UTF-8\">\n</head>\n<body>\nHello World\n</body>\n</html>");
out.flush();
}
private void JustPic(PrintWriter out) {
//TODO Auto-generated method stub
out.println("HTTP/1.0 200 OK");
out.println("Content-Type: text/html");
out.println("Server: Bot");
//this blank line signals the end of the headers
out.println("");
out.flush();
//Send the HTML page
out.print("<!DOCTYPE html>\n<html>\n<head>\n<title>Just Pic</title>\n<meta charset=\"UTF-8\">\n</head>\n<body>\n<img src=\"/images/th.jpg\"/>\n</body>\n</html>");
out.flush();
}
}

voir si la clause qui répond aux demandes qui commencent par /serveur.
le suivre le code à l'endroit où il traite la demande.
il renvoie les fichiers dans un fichier transporteur.
l'adresse ici "server/image.jpg" va être une adresse que vous donnez régulièrement de la programmation en java. cette adresse est à partir de la racine de votre projet.
mentionner que ce code doit avoir un principal l'utilisation de la classe.
cela fonctionne parfaitement pour moi.

OriginalL'auteur ConductedClever

-1

Je cherchais une réponse et chaque où j'ai trouvé impossible, mais j'ai eu la réponse ici:

https://superuser.com/questions/224500/how-to-display-local-images-in-chrome-using-file-protocol

fonctionne très bien sur chrome .

Quelle réponse? Entendez-vous celui-ci?

OriginalL'auteur Luiz Jampolsky
-2

Bon, vous ne pouvez pas simplement laisser quelqu'un d'autre accéder à votre système de fichiers local! Vous auriez besoin d'un serveur de services comme Apache, laissez votre ordinateur de fonctionner 24h par jour, assurez-vous que il l'habitude de surchauffe, de soins pour une bonne sécurité et beaucoup plus à faire que même possible. Et parce que le serveur d'administration est coûteux et prend du temps, la plupart des gens laissent le pro accueillir nos trucs pour nous (Hébergement).

En conclusion, si vous ne souhaitez pas exécuter votre propre serveur, il est beaucoup plus facile de les télécharger à votre hébergeur de choix.

-1: ce n'est pas vraiment répondre à la question (en dépit d'être vrai)
Aurait probablement été mieux adapté comme un commentaire... 🙂
J'ai interprété la question de la même façon qu'il le fait, parce que le demandeur a déclaré "sans téléchargement".
Donc, la réponse courte est: Vous avez besoin pour lancer votre propre serveur (par exemple avec Apache) et ensuite de référence de l'image avec l'IP de votre ordinateur. 🙂

OriginalL'auteur anroesti

Vous devez vous connecter pour publier un commentaire.