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
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com