Skip to content

Instantly share code, notes, and snippets.

@KOUISAmine

KOUISAmine/index.html

Created February 8, 2017 00:09
Show Gist options
  • Save KOUISAmine/45e19b173653d6ff4d8f1405ef601d4d to your computer and use it in GitHub Desktop.
Save KOUISAmine/45e19b173653d6ff4d8f1405ef601d4d to your computer and use it in GitHub Desktop.
Download ZIP
Simple-upload-en-drag-and-drop-avec-mysqli
Raw
index.html
<!DOCTYPE html>
<html lang = "en">
<head>
<link rel = "stylesheet" type = "text/css" href = "css/bootstrap.css"/>
<link rel = "stylesheet" type = "text/css" href = "css/style.css"/>
<meta charset = "UTF-8" name= "viewport" content = "width=device-width, initial-scale=1" />
</head>
<body>
<nav class = "navbar navbar-default" style="background-color: #337ab7;">
<div class = "container-fluid">
<a class = "navbar-brand" href = "https://codes-src.blogspot.com" style="color: #fff;">Codes Src</a>
</div>
</nav>
<div class = "row">
<div class = "col-md-3">
</div>
<div class = "col-md-6 well" style = "z-index:99999;">
<h3 class = "text-primary">Glisser-Déposer l'image avec MySQLi</h3>
<hr style = "border-top: 1px dotted #8c8b8b;"/>
<div class = "col-md-4">
<form method = "POST" action = "image_upload.php" enctype = "multipart/form-data">
<label>Glisser ou cliquez pour uploader l'image</label>
<div id="uploader" onclick="$('#photo').click()">
<img src=""/>
</div>
<input type="file" name="image" id="photo"/>
<div id = "file_name"></div>
<button class = "btn btn-primary" name = "save"><span class = "glyphicon glyphicon-download"></span> Enregistrer l'image</button>
</form>
</div>
<a href= "result.php">Liste des images</a>
</div>
</div>
</body>
<script src = "js/jquery-3.1.1.js"></script>
<script src = "js/upload.js"></script>
</html>
@KOUISAmine
Copy link
Author

visiter notre site : https://codes-src.blogspot.com/2017/02/simple-upload-en-drag-and-drop-avec-mysqli.html

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment