个人中心
gpt4 book ai didi

javascript - Krajee 文件输入小部件 'upload' 方法抛出异常

转载 作者：行者123 更新时间：2023-11-30 17:02:26 24 4
gpt4 key购买 nike

我正在使用来自 krajee 的文件输入小部件: http://plugins.krajee.com/file-input

我使用“上传”方法做错了什么？当我按下上传按钮上传文件时，一切正常。但是当尝试使用这样的上传方法时:

$( '#projectFiles' ).fileinput( 'upload' );

我得到一个错误:

Uncaught TypeError: Cannot read property 'undefined' of undefined

第 989 行。

我检查了这是这一行:

formdata.append(self.uploadFileAttr, files[i]);

那里的文件未定义。

那我做错了什么？我的代码:

[js]

$( "#projectFiles" ).fileinput( {
browseClass: 'btn btn-default',
showPreview: true,
showUpload: true,
multiple: "multiple",
uploadAsync: true,
uploadUrl: "/home/UploadFiles"
} );

function submitForm( e ) {
$( '#projectFiles' ).fileinput( 'upload' );
// atach to event 'filebatchuploadsuccess' then submit rest of form
}

[ASP MVC View ]

@using( Html.BeginForm( "RequestPost", "Home", FormMethod.Post, new { id = "frmRequest", @class = "", enctype = "multipart/form-data" } ) )
{
<div id="projectFilesDiv" class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="form-group">
<input id="projectFiles" name="projectFiles" type="file"/>
</div>
</div>
</div>

@* THE REST OF THE FORM *@


<button type="button" onclick="submitForm()">SUBMIT</button>
}

提前致谢

最佳答案

如果您只是在寻找文件上传插件，我推荐 Ravishanker Kusuma 的 Hayageek jQuery 文件上传插件:

http://hayageek.com/docs/jquery-upload-file.php

他将这个过程分解为三个简单的步骤，基本上是这样的:

<head>
    <link href="http://hayageek.github.io/jQuery-Upload-File/uploadfile.min.css" rel="stylesheet">  // (1)
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="http://hayageek.github.io/jQuery-Upload-File/jquery.uploadfile.min.js"></script>   // (1)
</head>
<body>
    <div id="fileuploader">Upload</div>  // (2)
    <script>
        $(document).ready(function(){
            $("#fileuploader").uploadFile({  // (3)
                url:"my_php_processor.php",
                fileName:"myfile"
            });
        });
    </script>
</body>

最后一步是在 jQuery 代码中指定 PHP 文件(在本例中为 my_php_processor.php)以接收和处理该文件:

my_php_processor.php:

<?php
    $output_dir = "uploads/";
    $theFile = $_FILES["myfile"]["name"];
    move_uploaded_file($_FILES["myfile"]["tmp_name"],$output_dir.$fileName);

注意 PHP 中的 myfile ($_FILES["myfile"]) 和 jQuery 代码块中指定的文件名之间的关系。

关于javascript - Krajee 文件输入小部件 'upload' 方法抛出异常，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28608548/

24 4 0
文章推荐： java - 我无法访问外部 javascript 文件中的 freemarker 变量
文章推荐： javascript - 从文本中删除特殊字符
文章推荐： javascript - 选择更改，插入函数(如参数)或指令之间的区别
文章推荐： javascript - javascript 我需要帮助来解决问题
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com