اريد عمل صفحة لدمج رابط مع صورة
فابحث عن
CODE
</form>
CODE
<input id="submit_button" type="submit" value="Submit">
وهنا الكود الكامل مع استقبال المدخلات وعرضها من خلال php
CODE
<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/javascript" src="https://fblinker.com/js/script.js"></script>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script>window.onbeforeunload=wraploading;</script>
<title>link thumbnail !</title>
<style>
form {
padding: 52px 8px 25px;
}
ol, ul {
list-style: none;
margin: 0;
padding: 0;
}
input {
-webkit-appearance: textfield;
background-color: white;
-webkit-rtl-ordering: logical;
user-select: text;
cursor: auto;
padding: 1px;
border-width: 2px;
border-style: inset;
border-color: initial;
border-image: initial;
}
user agent stylesheet
input, textarea, select, button {
text-rendering: auto;
color: initial;
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
display: inline-block;
text-align: start;
margin: 0em 0em 0em 0em;
font: 13.3333px Arial;
}
user agent stylesheet
input, textarea, select, button, meter, progress {
-webkit-writing-mode: horizontal-tb;
}
textarea {
-webkit-appearance: textarea;
background-color: white;
-webkit-rtl-ordering: logical;
user-select: text;
flex-direction: column;
resize: auto;
cursor: auto;
white-space: pre-wrap;
word-wrap: break-word;
border-width: 1px;
border-style: solid;
border-color: initial;
border-image: initial;
padding: 2px;
}
</style>
</head>
<body>
<form action="#" id="mainform" method="post" target="hiframe" enctype="multipart/form-data">
<div class="cols">
<ul>
<li class="text">Your Link : </li>
<li><input name="link" id="link" type="text"></li>
</ul>
<ul>
<li class="text">Description : </li>
<li><textarea name="description" id="description"></textarea></li>
</ul>
<ul>
<li class="text">Picture : </li>
<li><input name="image" id="image" type="file" accept="image/*">
<input name="image_uped" id="image_uped" type="hidden" value=""/>
<input name="image_top" id="image_top" type="hidden" value=""/>
<input name="image_left" id="image_left" type="hidden" value=""/>
<input name="image_width" id="image_width" type="hidden" value=""/>
<input name="image_basewidth" id="image_basewidth" type="hidden" value=""/>
</li>
</ul>
<input id="submit_button" name="submit" type="submit" value="Submit">
</form>
<br><br>
<?php
if(isset($_POST["submit"]))
{
echo "<b>Your Link :</b>".$_POST["link"].'<br>';
echo "<b>Description :</b>".$_POST["description"].'<br>';
$target_dir = "uploads/"; // رفع الصور إلى مجلد
$target_file = $target_dir . basename($_FILES["image"]["name"]);
echo "<b>Picture :</b>".$target_dir.$_FILES["image"]["name"].'<br><img border="0" src="'.$target_dir.$_FILES["image"]["name"].'"><br>';
}
?>
</body>
</html>