我正在筹备一个网页,我需要制作一个表格来上传图片。必须是可能的用户, 1通过网址上传图片, 2通过电脑上传图片, 3通过拖放上传图片。
我发现这些代码与互联网分开。 但问题是如何将所有这些结合起来。
Html Form有2个输入框。 1个图像名称。 2图片网址,上传图片按钮
当用户上传图片时,必须将其保存到第一个输入框中的名称文件夹中。此名称需要保存在带扩展名的sql中。
任何人都可以帮助我!
-------------- HTML ------------------
<input name="file_name" placeholder="File Name" class="form-control" type="text">
-------------- ---------------- PHP
if (isset($_POST['add'])){
$softname=$_POST['file_name'];
}
require_once(&#39; ImageManipulator.php&#39);
if($ _FILES [&#39; fileToUpload&#39;] [&#39; error&#39;]&gt; 0){
echo "Error: " . $_FILES['fileToUpload']['error'] . "<br />";
} 别的{
$validExtensions = array('.jpg', '.jpeg', '.gif', '.png','.bmp');
$fileExtension = strrchr($_FILES['fileToUpload']['name'], ".");
// check if file Extension is on the list of allowed ones
if (in_array($fileExtension, $validExtensions)) {
$newNamePrefix = 'ddownload_';
$manipulator = new ImageManipulator($_FILES['fileToUpload']['tmp_name']);
$newImage = $manipulator->resample(250, 250);
if(isset($_POST['img_url'])){
$url=$_POST['img_url'];
if (!empty($url)) {
$data = file_get_contents($url);
$manipulator = new ImageManipulator( $data);
// resizing to 200x200 image from url
$newImage = $manipulator->resample(250, 250);
}
// saving file to uploads folder
$manipulator->save('uploads/img/' . $newNamePrefix . $softname);
echo 'Thank you! ...';
} else {
echo 'You must upload an image...';
}
}
$source=$_POST['directlink'];
$u_image=$softname;
$filesize=$_POST['size'];
$type=$_POST['type'];
$description =$_POST['description'];
$insert_data="INSERT INTO `softwarelist`(`sid`, `softname`, `image`, `type`, `source`,`description`,`rating`,`filesize`,`user`) VALUES ('','$softname','$u_image','$type','$source','$description','','$filesize','');";
-------------结束php ----------
------------用于拖放图像的脚本-------
<script>
var files = evt.target.files;
var files = evt.dataTransfer.files;
var result = '';
var file;
for (var i = 0; file = files[i]; i++) {
// if the file is not an image, continue
if (!file.type.match('image.*')) {
continue;
}
reader = new FileReader();
reader.onload = (function (tFile) {
return function (evt) {
var div = document.createElement('div');
div.innerHTML = '<img style="width: 200px;" src="' + evt.target.result + '" />';
document.getElementById('filesInfo').appendChild(div);
};
}(file));
reader.readAsDataURL(file);
}
} else {
alert('The File APIs are not fully supported in this browser.');
}
}