Twitter Bootstrap 文件上传问题答案

【问题标题】：Twitter Bootstrap FileUpload issueTwitter Bootstrap 文件上传问题
【发布时间】：2013-04-17 10:24:27
【问题描述】：

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

之前有人问过这个问题，但我找不到任何有效的答案there。不，我不想使用第一个答案中建议的引导文件上传。

在我的 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"];
}

【问题讨论】：

标签： php javascript html twitter-bootstrap

【解决方案1】：

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

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

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

【讨论】：