发表于： 2017-01-26 00:22:44
1 1314
今天完成的事情：
#上传图片功能的实现
#整理代码文件结构
明天计划的事情：
#整理任务中的知识点
#登陆页面进行关联
遇到的问题：
#nginx的配置问题：同一个端口，不同的域名，路径自然也就不同
#实现代码：
$("#file0").change(function(){
// getObjectURL是自定义的函数，见下面
// this.files[0]代表的是选择的文件资源的第一个，因为上面写了 multiple="multiple" 就表示上传文件可能不止一个
// ，但是这里只读取第一个
var objUrl = getObjectURL(this.files[0]) ;
if (objUrl) {
// 在这里修改图片的地址属性
$("#img0").attr("src", objUrl) ;
}
}) ;
//建立一個可存取到該file的url
function getObjectURL(file) {
var url = null ;
// 下面函数执行的效果是一样的，只是需要针对不同的浏览器执行不同的 js 函数而已
if (window.createObjectURL!=undefined) { // basic
url = window.createObjectURL(file) ;
} else if (window.URL!=undefined) { // mozilla(firefox)
url = window.URL.createObjectURL(file) ;
} else if (window.webkitURL!=undefined) { // webkit or chrome
url = window.webkitURL.createObjectURL(file) ;
}
return url ;
}
$('#subim').click(function(){
//新建files来获取选择图片按钮的值
var files = $('#file0').prop('files');
//新键一个data空对象
var data = new FormData();
//把取到的图片值推到空对象里面
data.append('file', files[0]);
//发送对象
$.ajax({
headers: {
Accept: "application/json,text/plain,*/*"
},
url: '/jnss/',
type: 'POST',
data: data,
cache: false,
processData: false,
contentType: false
});
})
收获：
#初略看了下数组去重的方法
#对请求信息头部的进一步掌握
返回列表
评论