如何通过jQuery的上传插件ajaxFileUpload上传文件给webservice?
var elementIds=["flag"]
; //flag为id、name属性名 $.ajaxFileUpload({ url: 'uploadAjax.htm', type: 'post', secureuri: false, //一般设置为false fileElementId: 'file'
, // 上传文件的id、name属性名 dataType: 'text'
, //返回值类型,一般设置为json、application/json elementIds: elementIds, //传递参数到服务器 success: function(data, status){ alert(data); }, error: function(data, status, e){ alert(e); } });
php如何实现上传文件显示上传进度百分比?
使用Ajax 方式上传文件,显示进度条一般都要求IE10以上的浏览器,但Chrome Firefox Safari这些版本低些都可以支持; 如果上传文件的话可以使用 jQuery form 插件,如果同时上传多个文件的可以使用 jQuery Uploadify插件,用SWFUpload没有浏览器的限制但是要求浏览安装Flash插件,当前还有很多这方面的插件,你可以根据自己使用的习惯来选择;
js文件预览功能怎么做?
关于这个问题,实现JS文件预览功能的方法如下:
1. 使用CodeMirror等代码编辑器库,将JS代码渲染到页面上。
2. 使用highlight.js等语法高亮库,将JS代码高亮显示。
3. 使用iframe标签,在页面上加载JS文件,实现预览功能。
4. 使用AJAX请求JS文件内容,并将内容输出到页面上。
5. 使用FileReader API,读取本地JS文件,然后渲染到页面上。
6. 使用Blob和URL.createObjectURL API,将JS文件生成URL,然后使用iframe或者AJAX请求加载URL中的JS文件内容,实现预览功能。
需要注意的是,为了防止JS文件中的恶意代码对页面造成影响,应该对JS文件进行安全检查,确保其不包含任何恶意代码。
1 可以通过html的input标签的type属性设置为file实现选择文件功能,然后利用js获取到文件的url来进行预览。
2 原因是因为js提供了FileReader对象,可以将文件以文本或二进制的形式读取到内存中,再利用URL.createObjectURL()方法生成文件的url,最后将url赋值给img的src属性即可实现预览。
3 进一步延伸,可以通过Ajax上传文件到服务器,再通过服务端返回的文件url来实现文件的预览和下载功能。
同时,也可以利用第三方插件如jQuery-File-Upload来实现更为丰富的文件上传预览功能。