Question

抱歉我的英语不好。

我想要一个脚本，它有一个图片上传器，每次使用限制2mb和一个文件，支持的扩展名：png，jpg，jpeg，gif。仅尺寸468 * 70。我需要在文本框旁边的上传按钮粘贴图像链接，上传后，它将图像链接粘贴到该文本框。如果用户不想上传，他仍然可以粘贴链接并提交，我拿到了提交按钮，你可以制作你的，我会重新编码。

例如：http://i.stack.imgur.com/rzcxv.png

的图片

if(empty($_POST) == false) {
$_POST['ip'] = htmlspecialchars($_POST['ip'], ENT_QUOTES);
$_POST['port'] = (int)$_POST['port'];
$banner   = htmlspecialchars($_POST['banner'], ENT_QUOTES);

if($banner !== ''){
    $imageProp = @getimagesize($banner);
    if($imageProp == false){
        $errors[] = "Banner link is not an image!";
    }
    if($imageProp[0] !== 468 || $imageProp[1] !== 60){
        $errors[] = "Banner is too large or too small, only 468 * 60 accepted. Your image has: " .$imageProp[0]." * ".$imageProp[1];
    }
}

<div class="form-group">
    <label>Banner (468 * 60) </label>
    <input class="form-control" type="text" name="banner" class="span4" /><br />
</div>

Answer 1

有很多PHP教程可以帮助您处理文件上传的后端工作流程。您可以在前端处理文件类型验证和文件大小验证。

这是一些用于表单前端演示的Twitter Bootstrap。

<form class="form-inline" role="form" action="submit.php">
  <div class="form-group">
    <input type="file" id="img">
  </div>
  <div class="form-group">
    <input type="url" class="form-control" id="url" placeholder="Or enter a URL...">
  </div>
  <button type="submit" class="btn btn-default">Upload</button>
</form>

Learn more about Bootstrap's inline forms

用户提交表单后，您可以在模式中显示图像的链接。

Learn more about Bootstrap's modals

将带有输出url的脚本上传到文本框中以提交？

1 个答案: