Ⅰ 有沒有讓chrome支持上傳文件的插件

復制代碼 代碼如下: (function() { if (window.FileUpload) { return; } window.FileUpload = function (id, url) { this.id = id; this.autoUpload = true; this.url = url; this.maxSize = null; this.extensions = null; this.dropId = null; }; window.FileUpload.prototype.init = function() { var obj = this; $('#' + this.id).change(function () { if (obj.autoUpload) { obj.upload(); } }); if (this.supportsFormData()) { if (this.dropId != null) { var drop = $('#' + this.dropId)[0]; drop.addEventListener("dragover", function(e) { e.stopPropagation(); e.preventDefault(); $('#' + obj.dropId).addClass("dragover"); }, false); drop.addEventListener("dragout", function(e) { $('#' + obj.dropId).removeClass("dragover"); }, false); drop.addEventListener("drop", function(e) { e.stopPropagation(); e.preventDefault(); $('#' + obj.dropId).removeClass("dragover"); obj._uploadUsingFormData(e.dataTransfer.files[0]); }, false); } } else { if (this.dropId != null) { $('#' + this.dropId).hide(); } } }; FileUpload.prototype.supportsFormData = function() { return window.FormData != undefined; }; FileUpload.prototype.upload = function() { if (this.supportsFormData()) { this._uploadUsingFormData($("#" + this.id)[0].files[0]); } else { this._uploadUsingFrame(); } }; FileUpload.prototype._uploadUsingFrame = function() { var obj = this; var $frame = $('#uploadFrame'); if ($frame.length == 0) { $frame = $('<iframe id="uploadFrame" width="0" height="0" name="uploadFrame" src=""></iframe>'); $frame.appendTo("body"); $frame.load(function() { var response = $frame.contents().text(); try { var json = $.parseJSON(response); $(obj).trigger("onLoad", json); } catch(ex) { $(obj).trigger("onError", response); } }); } var form = $("#" + this.id).closest("form")[0]; form.target = 'uploadFrame'; form.submit(); }; FileUpload.prototype._uploadUsingFormData = function (file) { var obj = this; var xhr = new XMLHttpRequest(); xhr.addEventListener("load", function (e) { var json = $.parseJSON(xhr.response); $(obj).trigger("onLoad", json); }, false); xhr.addEventListener("error", function (e) { $(obj).trigger("onError", e); }, false); xhr.upload.addEventListener("progress", function (e) { if (e.lengthComputable) { $(obj).trigger("onProgress", e.loaded, e.total); } }, false); xhr.open("POST", obj.url); if (obj.maxSize != null&&file.size>obj.maxSize) { $(obj).trigger("onMaxSizeError"); return; } if (obj.extensions != null) { var name = file.name; var ext = name.substring(name.lastIndexOf("."), name.length).toLowerCase(); if (obj.extensions.indexOf(ext) < 0) { $(obj).trigger("onExtensionError"); return; } } var formData = new FormData(); formData.append("files", file); xhr.send(formData); }; FileUpload.prototype.onLoad = function(handler) { $(this).bind("onLoad", function(sender, args) { handler && handler(args); }); }; FileUpload.prototype.onProgress = function (handler) { $(this).bind("onProgress", function(sender, loaded, total) { handler && handler(loaded, total); }); }; FileUpload.prototype.onError = function (handler) { $(this).bind("onError", function(sender, error) { handler && handler(error); }); }; FileUpload.prototype.onMaxSizeError = function(handler) { $(this).bind("onMaxSizeError", handler); }; FileUpload.prototype.onExtensionError = function (handler) { $(this).bind("onExtensionError", handler); }; })();

Ⅱ jquery miniui插件中的 mini-htmlfile 怎麼實現文件上傳

怎麼還在用Jquery Miniui啊…那是個坑啊……

算了…雖然坑，但是文件上傳還是跑的起來的嘛

附件文件：<inputclass="mini-htmlfile"name="uploadFile"limitType="*.png;*.jpg;*.xls,*.dwg;*.vsd"/>
<aclass="mini-button"id="blabla"iconCls="blabla">上傳</a>

仔細檢查了一遍…你的代碼沒有錯誤啊…（consule裡面打出來是怎麼樣的）

然後在js裡面，阻止頁面刷新就行了……

event.preventDefault();

Ⅲ 怎樣設置HTML上傳控制項，上傳文件的大小

要學會用網路、谷歌等搜索引擎，一般都有現成的答案了，不用再提問一次，這樣挺浪費自己的時間的，http://www.haorooms.com/post/js_inputfileupload

Ⅳ 求推薦一款上傳圖片可編輯的js插件

Jquery.upload.js 是基於jquery的文件上傳插件，支持多文件上傳，多圖預覽

Ⅳ 關於php的有什麼好的上傳文件的插件html網站

uploadify

Ⅵ vue文件上傳插件有哪些

vue-upload-component - Vuejs文件上傳組件
vue-core-image-upload - 輕量級的vue上傳插件
vue-dropzone - 用於文件上傳的Vue組件

Ⅶ html頁面中如何實現類似百度雲那種文件列表，有現成的插件嗎

用bootstrap框架 自適應表格 很好用

Ⅷ html文件上傳控制項彈出的框的路徑能指定嗎

其實這個瀏覽器就自帶記憶功能，我每次上傳完東西它都會記住那個路徑並自動跳轉，如果說想指定的話目前還沒找到具體方法解決

Ⅸ 網站怎麼搞圖片上傳插件

在網上收下圖片上傳組件，很多的。