blocks|key|513735|text|在FilesAdded绑定中添加up.start()应该会在添加文件时启动上传。我已经像这样调用我的上传程序了(你尝试调用它的方式我遇到了问题)：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|513736|$(function()+{
++++//+Setup+html5+version
++++$("#html5_uploader").pluploadQueue({
++++++//+General+settings
++++++runtimes+:+'html5',
++++++url+:+'upload.php',
++++++max_file_size+:+'10mb',
++++++chunk_size+:+'1mb',
++++++unique_names+:+true,
++++++dragdrop+:+true,
++++++multiple_queues+:+false,
++++++multi_selection+:+false,
++++++max_file_count+:+1,

++++++//+Specify+what+files+to+browse+for
++++++filters+:+[
++++++++{title+:+"Text+files",+extensions+:+"txt"}
++++++],

++++++init+:+{
++++++++FilesAdded:+function(up,+files)+{
++++++++++up.start();
++++++++},
++++++++UploadComplete:+function(up,+files)+{
++++++++++$.each(files,+function(i,+file)+{
++++++++++++//+Do+stuff+with+the+file.+There+will+only+be+one+file+as+it+uploaded+straight+after+adding!
++++++++++});
++++++++}
++++++}
++++});
++});|code-block|syntax|javascript|513737|entityMap^0|G|A|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

Adding <code>up.start()</code> in your FilesAdded bind should start the upload when a file is added. I've gone down the route of calling my uploader like so (I had problems doing it the way you are trying to call it):

<pre><code>$(function() {
 // Setup html5 version
 $("#html5_uploader").pluploadQueue({
 // General settings
 runtimes : 'html5',
 url : 'upload.php',
 max_file_size : '10mb',
 chunk_size : '1mb',
 unique_names : true,
 dragdrop : true,
 multiple_queues : false,
 multi_selection : false,
 max_file_count : 1,

 // Specify what files to browse for
 filters : [
 {title : "Text files", extensions : "txt"}
 ],

 init : {
 FilesAdded: function(up, files) {
 up.start();
 },
 UploadComplete: function(up, files) {
 $.each(files, function(i, file) {
 // Do stuff with the file. There will only be one file as it uploaded straight after adding!
 });
 }
 }
 });
 });
</code></pre>

blocks|key|513783|text|对我来说，它不适用于您的版本，但确实适用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|513784|FilesAdded:+function(up,+files)+{
+++setTimeout(function+()+{+up.start();+},+100);
+},|code-block|syntax|javascript|513785|因此，在100毫秒后设置一个计时器来执行启动。我在测试时使用的是jquery+ui版本，得到了这个错误：|513786|g("#"+%2B+l.id).position()+is+null

/js/plupload/js/jquery.ui.plupload/jquery.ui.plupload.js|513787|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

For me it didn't work your version but did work :

<pre><code>FilesAdded: function(up, files) {
 setTimeout(function () { up.start(); }, 100);
 },
</code></pre>

So set a timer after 100 ms to execute the start.
I am using the jquery ui version while testing and got this error :

<pre><code>g("#" + l.id).position() is null

/js/plupload/js/jquery.ui.plupload/jquery.ui.plupload.js
</code></pre>

blocks|key|513809|text|“确保在init之后绑定它，因为它绑定了默认处理程序。”|type|unstyled|depth|inlineStyleRanges|entityRanges|data|513810|所以你的代码：|513811|uploader.bind('FilesAdded',+function(up,+files)+{...});|code-block|syntax|javascript|513812|在您的|513813|uploader.init();|513814|more+information|offset|length|513815|entityMap|0|LINK|mutability|MUTABLE|url|http://www.plupload.com/punbb/viewtopic.php?id=90^0|0|0|0|0|0|0|G|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Z|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|10|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|11|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|12|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|13|8|@]|9|@$O|14|P|15|1|16]]|A|$]]|$1|Q|3|-4|5|6|7|17|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|X]]]]

"Make sure you bind it after the init since it binds default handlers."

So your code:

<pre><code>uploader.bind('FilesAdded', function(up, files) {...});
</code></pre>

after your

<pre><code>uploader.init();
</code></pre>

<a href="http://www.plupload.com/punbb/viewtopic.php?id=90" rel="noreferrer">more information</a>

blocks|key|730255|text|我也想为自己做同样的事情，并找到了下面的方法。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|730256|添加文件后自动开始文件上传的新方法只需将true设置为autostart属性，如下所示|offset|length|style|CODE|730257|$("#uploader").plupload({
++++.....
++++autostart:+true,
++++.....
});|code-block|syntax|javascript|730258|entityMap^0|0|R|9|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@$D|Q|E|R|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|S|8|@]|9|@]|A|$K|L]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

I was also wanting same for me and found below way to do it.

A new way to automatically start file uploading after adding file is just need to set true to <code>autostart</code> property like below

<pre><code>$("#uploader").plupload({
 .....
 autostart: true,
 .....
});
</code></pre>

blocks|key|513882|text|只需按此方式触发开始上传按钮|type|unstyled|depth|inlineStyleRanges|entityRanges|data|513883|FilesAdded:+function(up,+files)+{
+++$('#fileupload_start').click();
},|code-block|syntax|javascript|513884|这将在不等待100毫秒的情况下上传文件。|513885|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Just trigger the Start Upload button by this way

<pre><code>FilesAdded: function(up, files) {
 $('#fileupload_start').click();
},
</code></pre>

This will upload the file without waiting for 100 ms.

When files are added i want to start the upload process automatically. I called the start function at the end of FilesAdded but it doesn't start the upload.

<pre><code>uploader.bind('FilesAdded', function(up, files) {
 var str = "";
 for (var i in files) {
 str += '&lt;div id="' + files[i].id + '"&gt;' + files[i].name + ' (' + plupload.formatSize(files[i].size) + ') &lt;b&gt;&lt;/b&gt;&lt;/div&gt;';
 }
 $('#filelist').html(str);
 up.refresh();
 up.start();
 });
</code></pre>

Here is my creation code

<pre><code>var uploader = new plupload.Uploader({
 runtimes: 'html5,flash,silverlight',
 autostart : true,
 url: '&lt;%= images_path %&gt;',
 max_file_size: '10mb',
 multipart: true,
 browse_button: "pickfiles",
 container: "the-uploader",
 drop_element : "drop-area", 
 multipart_params: {
 '_http_accept': 'application/javascript',
 '&lt;%=request_forgery_protection_token%&gt;': '&lt;%=form_authenticity_token%&gt;',
 '&lt;%=request.session_options[:key]%&gt;': '&lt;%=request.session_options[:id]%&gt;'
 },
 filters: [
 {title: "Images", extensions: "avi,jpg,jpeg,png,zip"}
 ],
 });
</code></pre>

Plupload Automatically start upload when files added

添加文件后，我希望自动启动上载过程。我在FilesAdded的末尾调用了start函数，但它没有启动上载。uploader.bind('FilesAdded', function(up, files) {      var str = "";      for (var i in files) {        str...

问Plupload在添加文件时自动启动上传
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Plupload在添加文件时自动启动上传EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Plupload在添加文件时自动启动上传
EN