如何在webx5中使用Jquery fileUplad

jjsun

我想在w文件中使用 jQuery Upload File Plugin(https://github.com/hayageek/jquery-upload-file/),如何引用？该组件具有上传进度条显示功能

我已经把css和js文件拷贝到w文件同一目录下，且在w文件对应的js中引入：
        require("./jquery.uploadfile");
        require("css!./uploadfile").load();

按照 jQuery Upload说明：
1.增加一个div用于文件上传  <div id="fileUpload">fileUpload</div>
2.调用如下代码。下面的ready下的代码放入 model.onLoad事件下，但是实际运行没有效果，如果解决？
$(document).ready(function() {
        $("#fileUpload").uploadFile({
                url:"http://hayageek.com/docs/upload.php",
                multiple:false,
                dragDrop:false,
                maxFileCount:1,
                fileName:"hyfile"
        });
});

        Model.prototype.modelLoad = function(event){
                $('#fileUpload').uploadFile({
                        url:"http://hayageek.com/docs/upload.php",
                        multiple:false,
                        dragDrop:false,
                        maxFileCount:1,
                        fileName:"hyfile"
                });

     };

liangyongfei

debugger 调试代码看下是否执行到了！？？
有没有报错信息？？
先试试标准的html 页面使用这些代码能否正常运行

你只是写了一个div
  input  type=file 都没有使用
如何上传文件呢？

可以参考下他人的做法
http://bbs.wex5.com/forum.php?mo ... 11201&pid=165340769

jjsun

liangyongfei 发表于 2017-4-11 16:59
debugger 调试代码看下是否执行到了！？？
有没有报错信息？？
先试试标准的html 页面使用这些代码能否正常 ...

jquery fileUpload插件不需要显示写 input  type=file ，只要一个div即可，因为
$("#fileUpload").uploadFile（）函数会自动增加 类似 input type =file 等需要的html内容

另外，
1.$(document).ready(function(){})下面的代码在w文件中放在什么地方？是放到model.onload事件中，还是直接放到js文件中即可。是否需要保留$(document).ready语句？

2.在w文件中如何执行外部js文件中的  $('#fileUpload').uploadFile（）方法

liangyongfei

jjsun 发表于 2017-4-11 17:04
jquery fileUpload插件不需要显示写 input  type=file ，只要一个div即可，因为
$("#fileUpload").uploa ...

1.可以放在onload事件中执行代码！  不用保存$(document).ready
应该执行onload 事件的时候，ready 已经执行过了！你试试吧！

2.外部js直接引入进来，就可以调用
http://doc.wex5.com/js-module-01/

jjsun

liangyongfei 发表于 2017-4-11 17:44
1.可以放在onload事件中执行代码！  不用保存$(document).ready
应该执行onload 事件的时候，ready 已经 ...

已经引入js和css，fileupload初始化代码放在model.onload中，没有$(document).ready，但是实际执行时，上传组件没有显示

liangyongfei

jjsun 发表于 2017-4-11 18:10
已经引入js和css，fileupload初始化代码放在model.onload中，没有$(document).ready，但是实际执行时，上 ...

ｄｅｂｕｇｇｅｒ调试代码看下代码执行到了没？？
有没有报错信息呢？？

你确定相同的代码在ｈｔｍｌ文件中运行是正常的？？而在ｗ文件中就没效果吗？？
如果代码成功执行了，应该就没问题，
如果报错了看下报错新

你需要调试看下是否执行和报错？才知道原因啊