Question

我正在使用HTML5 AJAX图片上传，我想在图像数据中添加一些额外的信息，比如image_user_type等，但是我无法找到image_user_type和php code.image_user_type等中的其他信息是我的额外信息基础必须为xyz grop pqr组创建不同类型/图像组的不同文件夹。任何帮助都应该受到赞赏。

HTML

<form method="post" enctype="multipart/form-data"  action="<?php echo Yii::app()->request->baseUrl?>/index.php/Feedback/FeedImage">
  <input type="file" name="images" id="images"  />
  <input type="hidden" value="xyz" name="image_user_type" />
  <button type="submit" id="btn"><?php echo Yii::t('strings','Upload Files!');?></button>
</form>

JS

<script type="text/javascript">
  (function () {
    var userimage=$("#waiter_img");
    var input = document.getElementById("images"), 
        formdata = false;
    function showUploadedItem (source) {
            userimage.attr('src',source);   
    }   
    if (window.FormData) {
        formdata = new FormData();
        document.getElementById("btn").style.display = "none";
    }
    input.addEventListener("change", function (evt) {
        //document.getElementById("response").innerHTML = ""
        userimage.attr('src','<?php echo Yii::app()->request->baseUrl ?>/images/loader.gif');
        var i = 0, len = this.files.length, img, reader, file;

        for ( ; i < len; i++ ) {
            file = this.files[i];

            if (!!file.type.match(/image.*/)) {
                if ( window.FileReader ) {
                    reader = new FileReader();
                    reader.onloadend = function (e) { 
                        showUploadedItem(e.target.result, file.fileName);
                    };
                    reader.readAsDataURL(file); 
                }
                if (formdata) {
                    console.log(file);
                    formdata.append("images[]", file);
                    formdata.append("image_user_type",$("#image_user_type").val()); 
                }
            }   
        }

        if (formdata) {
                $.ajax({
                url: "<?php echo Yii::app()->request->baseUrl?>/index.php/Feedback/FeedImage",
                type: "POST",
                data: formdata,
                processData: false,
                contentType: false,
                success: function (res) {
                }
            });
        }
    }, false);
}());

PHP

 public function actionFeedImage()
    {
        echo $image_type=$_POST['image_user_type']; 
        foreach ($_FILES["images"]["error"] as $key => $error) {
        if( !is_dir(Yii::app()->basePath.'/../images/feedback') ) mkdir(Yii::app()->basePath.'/../images/feedback');
        if( !is_dir(Yii::app()->basePath.'/../images/feedback/'.$image_type) ) mkdir(Yii::app()->basePath.'/../images/feedback/'.$image_type);
        if ($error == UPLOAD_ERR_OK) {
        $name = Yii::app()->session['admin_id']."-".date('Y-m-d H:i:s.')."-".$_FILES["images"]["name"][$key];
        move_uploaded_file( $_FILES["images"]["tmp_name"][$key],Yii::app()->basePath.'/../images/feedback/'.$image_type.'/'. $image_without_space);
     }

Answer 1

正如@pat建议的那样，尝试清理一下你的代码。

如果你这样做是为了学习，那就去做吧，我们会尽力帮助你。

另一方面，我认为最好使用一个在一个漂亮的用户界面中处理所有这些的扩展，我建议XUpload

发送Additional form data with XUpload

时查看维基

（免责声明：我是分机的作者）

Answer 2

我们可以使用以下方式获取formdata的额外信息： -

$image_type=$_REQUEST['image_user_type'];

如何修改formdata

2 个答案: