[HTML] 纯文本查看 复制代码
<div id="myupload">
<input type="file" id="uploadfile" name="uploadfile" accept="image/gif, image/jpeg, image/png"/>
</div>
[JavaScript] 纯文本查看 复制代码
$(document).ready(function () {
$("#uploadfile").change(function () {
createUploadFile();
});
});
function createUploadFile() {
$.ajaxFileUpload
(
{
url: 'ProcessImage.ashx?act=load', //用于文件上传的服务器端请求地址
secureuri: false, //是否需要安全协议，一般设置为false
fileElementId: 'uploadfile', //文件上传域的ID
dataType: 'json', //返回值类型 一般设置为json
success: function (data, status) //服务器成功响应处理函数
{
if (typeof (data) != 'undefined') {
createCropzoom(data.url+"?"+Math.random());
}
},
error: function (data, status, e)//服务器响应失败处理函数
{
alert(e);
}
}
);
$("#uploadfile").remove();
var input = " <input type=\"file\" id=\"uploadfile\" name=\"uploadfile\" onchange=\"createUploadFile()\" accept=\"image/gif, image/jpeg, image/png\"/>";
$("#myupload").append(input);
}