Téléchargement de fichiers et affichage des fichiers téléchargés-js tutoriel-php.cn

Téléchargement de fichiers et affichage des fichiers téléchargés

黄舟

Libérer： 2017-02-18 13:17:29

original

1385 Les gens l'ont consulté

1. Contexte du problème

Utilisez le fichier du composant de téléchargement de fichier pour télécharger le fichier et afficher le fichier (image)

2. Code source d'implémentation

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>文件上传并展示文件路径</title>
		<script type="text/javascript" src="../js/jquery-1.12.3.js" ></script>
		<script>
			$(document).ready(function(){
				$("#fileUpload").off().on("change",function(){
					var fileUpload = $(this).val();
					var proUrl = window.location.protocol;
					var pageUrl = window.location.host;
					var path = proUrl + "//" +pageUrl + "/AngularJS/pages/";
					$("#uploadImg").attr("src",path+fileUpload);
					console.info(path+fileUpload);
				});
			});
		</script>
	</head>
	<body>
		<p>
			<input type="file" id="fileUpload" name="upload" /><br><br>
			<img  id="uploadImg"   style="max-width:90%" alt="Téléchargement de fichiers et affichage des fichiers téléchargés" >
		</p>
	</body>
</html>

Copier après la connexion

3. Résultats de la mise en œuvre

Téléchargement de fichiers et affichage des fichiers téléchargés

Ce qui précède est le contenu du téléchargement de fichiers et l'affichage des fichiers téléchargés pour. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www.php.cn) !