Question

我想使用Twitter Boostrap FileUpload因为我喜欢它提供的预览功能。这个和一些文本我想发布到一个PHP脚本进行上传并将信息添加到数据库。我不一定需要PHP来上传文件，如果javascript可以做到这一点我只需要链接它。

此问题之前已被提出，但我找不到任何有效的答案there。不，我不想使用第一个答案中建议的bootstrap文件上传。

在我的PHP代码中，我尝试使用_FILE获取imgData，但它是空的。我怎么能得到这个？

这是我的表格：

    <form action="php/service.php" method="post">
      <div class="control-group">
        <div class="fileupload fileupload-new" data-provides="fileupload">
            <div class="fileupload-preview thumbnail" style="width: 200px; height: 150px;"></div>
            <div>
                <span class="btn btn-file">
                    <span class="fileupload-new">Select image</span>
                    <span class="fileupload-exists">Change</span>
                    <input type="file" name="imgData" id="imgData" />
                </span>
                <a href="#" class="btn fileupload-exists" data-dismiss="fileupload">Remove</a>
            </div>
        </div>
    </div>
    <div class="control-group">
        <textarea rows="3" id="text" class="" name="text" placeholder="Text..."></textarea>
    </div>
    <div class="control-group">
        <button type="submit" id="upload" class="btn" onclick="$('.fileupload').fileupload();">Upload</button>
    </div>
    </form>

在service.php中：

if ($_FILES["imgData"]["error"] > 0) {
    echo "Error: " . $_FILES["imgData"]["error"] . "<br />";
} else {
    $fileExt = $_FILES["imgData"]["type"];
}

Answer 1

您需要设置表单的编码类型。

<form action="php/service.php" method="post" enctype="multipart/form-data">

我在IE中上传文件的这种引导方式也遇到了困难。可能存在一些阻止上传的安全问题。

Twitter Bootstrap FileUpload问题

1 个答案: