javascript - Does someone run YUI3 uploader with Django successfully? -
i'm trying use yui3 uploader django backend. however, after write simple uploader in frontend, found function in views.py has never been invoke in django. and, didn't see error message or warning in browser , backend log..
did return corresponding crossdomain.xml when uploader requires.
have successful experience yui3 uploader , django? problem of program? thanks!
html fragment:
<head> <link rel="stylesheet" type="text/css" href="{{ media_url }}photos/css/upload.css" /> <script type="text/javascript" src="{{ media_url }}js/lib/yui.min.js"></script> <script type="text/javascript" src="{{ media_url }}photos/js/upload.js"></script> <script type="text/javascript"> $(document).ready(function() { var pu = new photosuploader(); pu.render(); }); </script> </head> <body> <h3>upload photos</h3> <div id="upload-box" class="upload-box"> <div id="uploader-box"> <div id="uploader-overlay" style="position:absolute; z-index:2"></div> <div id="select-photos-box" style="z-index:1"> <a id="select-photos-a" href="#">select jpeg photos</a> </div> </div> <div id="upload-photos-a"> <a id="upload-a" href="#">upload photos</a> </div> <div id="files"> <table id="filenames"> <tr><td>filename</td><td>file size</td><td>percent uploaded</td></tr> </table> </div> </div> </body> crossdomain.xml:
<?xml version="1.0"?> <!doctype cross-domain-policy system "http://www.macromedia.com/xml/dtds/cross-domain-policy.dtd"> <cross-domain-policy> <allow-access-from domain="yui.yahooapis.com"/> <allow-access-from domain="www.mysite.com"/> <site-control permitted-cross-domain-policies="master-only"/> </cross-domain-policy> js:
function photosuploader() { var self = this; self.render = function() { yui().use("uploader", function(y) { var uploader; y.on("domready", init); function init () { var overlayregion = y.one("#select-photos-a").get('region'); y.log(overlayregion); y.one("#uploader-overlay").set("offsetwidth", overlayregion.width); y.one("#uploader-overlay").set("offsetheight", overlayregion.height); uploader = new y.uploader({boundingbox:"#uploader-overlay"}); uploader.on("uploaderready", setupuploader); uploader.on("fileselect", fileselect); uploader.on("uploadprogress", updateprogress); uploader.on("uploadcomplete", uploadcomplete); y.one("#upload-photos-a").on("click", uploadfile); } function setupuploader(event) { uploader.set("multifiles", true); uploader.set("simlimit", 3); uploader.set("log", true); var filefilters = new array({description:"images", extensions:"*.jpg"}); uploader.set("filefilters", filefilters); } function fileselect(event) { y.log("file selected, parsing..."); var filedata = event.filelist; (var key in filedata) { var output = '<tr>\ <td>'+filedata[key].name+'</td>\ <td>'+filedata[key].size+'</td>\ <td><div id="div_'+filedata[key].id+'">0</div></td>\ </tr>'; y.one("#filenames").append(output); } } function updateprogress(event) { $('#div_'+event.id).text(math.round(100 * event.bytesloaded / event.bytestotal)); } function uploadcomplete(event) { $('#div_'+event.id).text(100); } function uploadfile(event) { uploader.uploadall('http://www.mysite.com/api/photos/uploaded/'); } }); }; } django backend:
# function http://www.mysite.com/api/photos/uploaded/ # i'm sure there's nothing wrong urls.py def uploaded(request): log_dev('photos.uploaded invoked') # has never been invoked... return wrap_json(0)
Comments
Post a Comment