小编Kor*_*eys的帖子

使用jquery和coldfusion cffile上传多个文件

不是真正的问题...只是想在某处发布,因为我无法在其他地方找到它.现在我已经拼凑了一个我认为可以分享的工作演示.这在Coldfusion和Railo CFML服务器上同样有​​效.

问题是,对于CFML开发人员而言,CFFILE不能使用<input type="file" multiple>...传统上如果你想上传3个文件并在后端使用CFFILE,你必须在你的调用页面上包含3个单独的文件输入.

为简单起见,这是我的解决方案.它使用Jquery $ .ajax对CFFILE进行多次调用,并将结果返回给调用页面上的div.我确定有更好的方法来做到这一点,我的代码可能是一个完整的黑客,但下面的例子工作.希望这有助于某人.

multiFileUpload.cfm

<!DOCTYPE html>
<CFPARAM Name="URL.contractID" defualt="">
<head>
<title>Multi File Upload</title>
<script>
$( document ).ready(function() {
       $('#submitFrm').on("click", function(e){
        e.preventDefault();

            //The jquery.each() statement loops through all the files selected by user
    $.each($('#multiFile')[0].files, function(i, file) {
           var data = new FormData(); 
               data.append('file-0', file);
           ajaxUpload(data);
            }); //end .each statement       

        }); //end submitFrm's click function 

        function ajaxUpload(data){
        console.log("ajaxUpload function called");
        $.ajax({url: "multiFileUploadAction.cfm",
        data: data,
        cache: false,
        contentType: false, //this is need for this to work …
Run Code Online (Sandbox Code Playgroud)

ajax coldfusion jquery cffile

9
推荐指数
1
解决办法
4786
查看次数

标签 统计

ajax ×1

cffile ×1

coldfusion ×1

jquery ×1