实时文件上传
Live file upload
我正在进行jQuery实时文件上传。
我的应用程序中有一个带有文件字段的表单。当用户选择一个文件时,我需要使用AJAX文件上传方法上传它。稍后,当用户在"提交"上提交时,将进行真正的文件上传。
使用以下内容,我的AJAX文件上传进行得很完美。但问题是,文件上传后,文件字段的值将被清除。
var url = $('#site').val()
url = url + "/ajax/addTmpImg";
var id = 'my_file';
alert($('#' + id).val()); // THIS WILL SHOW FILE FIELD VALUE
$.ajaxFileUpload({
url: url,
secureuri: false,
fileElementId: id,
dataType: 'json',
data: {
'type': file_name,
'name': file_name
},
success: function (data, status) {
alert($('#' + id).val()); // THIS WILL RETURN EMPTY
},
error: function (data, status, e) {
alert(status);
}
});
在文件上传之前,这将提醒文件字段的值,而在文件上传之后,这样做将不会显示任何内容。
尝试定义一个全局变量并将值$('#'+id).val()
分配给该变量。
像这样:
var someVar = $('#'+id).val();
您可以稍后访问该变量。
var url = $('#site').val();
url = url + "/ajax/addTmpImg";
var id = 'my_file';
var val = $('#' + id).val();
alert(val); // THIS WILL SHOW FILE FIELD VALUE
$.ajaxFileUpload({
url: url,
secureuri: false,
fileElementId: id,
dataType: 'json',
data: {
'type': file_name,
'name': file_name
},
success: function (data, status) {
alert(val); // THIS WILL SHOW FILE FIELD VALUE
},
error: function (data, status, e) {
alert(status);
}
});
相关文章:
- 文件上传后实时重新加载
- jquery我应该如何在多个html文件中实时搜索结果
- 使用 Node.js 实时读取文件
- 如何让 docpad 咕噜的骨架最小供应商 js 文件与实时重新加载
- 如何使用CasperJS读取文件中的实时更改
- AJAX:如何实时读取更改(cronjob-)文件
- 在开发时加载本地CSS和JavaScript文件,在推送到服务器时实时加载
- 如何防止在更新多个文件时多次实时重新加载 grunt
- 使用javascript从我的服务器上的文件进行实时更新
- 实时文件上传
- 使用Ajax(jquery版本)获取图像文件标记值,并将结果显示为实时预览器
- 搜索大型Json.csv文件,并使用实时搜索风格输出结果
- 使用实时数据对GeoJSON文件中的许多标记进行样式化
- 有没有一种方法可以使用Javascript实时获取传输到页面的文件的总大小
- 在与注册表单相同的页面上实时预览配置文件
- 当一个实时网站在文件系统中工作时,是什么导致它无法工作
- 在SAPUI5中生成具有响应表的实时数据的PDF文件
- Web Audio API和播放音频文件时的实时当前时间
- Google Drive API;谷歌实时API -我可以把一个实时文件在应用程序文件夹
- 如何有实时响应从KML文件在谷歌地图绘制多边形