如何让用户上传和使用图片

时间:2017-04-04 09:50:03

标签: javascript image upload onclick

嘿我正在使用PhoneGap创建一个应用程序,用户可以在其中点击img,然后从手机中选择一个img代替使用,重要的是布局,它只是你可以看到的图片并点击。

是否可以在javascript / html中制作?请帮我100%失去。

1 个答案:

答案 0 :(得分:0)

可以使用HTML将文件上传到Web服务器。您还需要PHP来处理并将上传的文件移动到所需的目的地。应对上载的映像文件进行许多验证检查,以防止出现任何漏洞。为此,PHP是必需的。如果没有适当的验证,您的应用程序/服务器将面临安全风险。

例如:

HTML代码(index.html):

<!DOCTYPE html>
<html>
<body>

<form action="upload.php" method="post" enctype="multipart/form-data">
    Select image to upload:
    <input type="file" name="fileToUpload" id="fileToUpload">
    <input type="submit" value="Upload Image" name="submit">
</form>

</body>
</html>

PHP代码(upload.php):

<?php
    $target_dir = "uploads/";
    $target_file = $target_dir . basename($_FILES["fileToUpload"]["name"]);
    $uploadOk = 1;
    $imageFileType = pathinfo($target_file,PATHINFO_EXTENSION);
    // Check if image file is a actual image or fake image
    if(isset($_POST["submit"])) {
        $check = getimagesize($_FILES["fileToUpload"]["tmp_name"]);
    if($check !== false) {
            echo "File is an image - " . $check["mime"] . ".";
            $uploadOk = 1;
        } else {
            echo "File is not an image.";
            $uploadOk = 0;
        }
    }
?>

要了解有关上传和处理文件的更多信息, W3Schools

希望这对你有所帮助。随意请求任何帮助。